解决vue-cli3 使用子目录部署问题


Posted in Javascript onJuly 19, 2018

在使用 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 使用子目录部署问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 #Javascript
微信小程序实现分享到朋友圈功能
Jul 19 #Javascript
微信小程序实现自定义加载图标功能
Jul 19 #Javascript
Angular5集成eventbus的示例代码
Jul 19 #Javascript
微信小程序实现弹出菜单
Jul 19 #Javascript
微信小程序实现之手势锁功能实例代码
Jul 19 #Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 #Javascript
You might like
php park、unpark、ord 函数使用方法(二进制流接口应用实例)
2010/10/19 PHP
php二维数组用键名分组相加实例函数
2013/11/06 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
Javascript读取cookie函数代码
2010/10/16 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
2015/02/03 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
Python简单日志处理类分享
2015/02/14 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
详解Python循环作用域与闭包
2019/03/21 Python
python实现计算器功能
2019/10/31 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
Hobbs官方网站:英国奢华女性时尚服装
2020/02/22 全球购物
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
什么叫做SQL注入,如何防止
2016/10/04 面试题
企业宣传标语
2014/06/09 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
高中升旗仪式主持词
2015/07/03 职场文书