解决vue-cli3 使用子目录部署问题
2018-07-19 09:44
941 查看
在使用 vue-cli3 build的时候,使用非子目录需要在 vue.config.js 中添加如下代码:
module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/', }
但是build完后,放在nginx服务下,会看到如下报错,页面也显示 no-script 的内容
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
网上找了很多,并没有找到答案。后来发现 vue-router 是用了 history 模式,但是 nginx 并没有添加相应的配置便会出现这个问题。所以,如下解决方案:
1.变更生产环境配置,使得支持 history 模式。这里只需要修改 nginx 的配置,把 404 指向 index.html 即可。
2.不在使用history模式
总结
以上所述是小编给大家介绍的vue-cli3 使用子目录部署问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 使用node中的express解决vue-cli加载不到dev-server.js的问题
- 使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
- 使用vue-cli打包过程中的步骤以及问题的解决
- 【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- 解决vue-cli中stylus无法使用的问题
- 解决vue-cli中stylus无法使用的问题
- 解决vue-cli中stylus无法使用的问题方法
- ACE与C++/CLI集成使用时遇到的问题及解决方法
- 【Android】【FAQ】解决windows7 64bit系统下部署android开发环境使用Android SDK Manager的failed to fetch问题
- 使用Apache Axis部署 Web服务时的常见问题及其解决方法
- 使用solr4.9部署到tomcat上出现Context [/solr] startup failed due to previous errors问题以及解决办法
- 使用tomcatPlugin配合JRebel解决maven项目依赖war的打包和热部署的问题
- 使用Apache Axis部署 Web服务时的常见问题及其解决方法
- 使用七牛云存储解决ios7.1的app部署问题 https
- 使用七牛云存储解决app部署问题,免申请https认证
- win8下使用vagrant安装部署Linux虚拟环境出错的问题解决
- 使用七牛云存储解决ios7.1的app部署问题
- 转载:在部署时使用Excel .NET运行库导出Excel遇到问题及解决办法
- 使用七牛云存储解决ios7.1的app部署问题