码迷,mamicode.com
首页 > 其他好文 > 详细

vue学习

时间:2021-05-24 12:59:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:path   http   假设   一个   div   enabled   asc   绝对路径   prope   

1.下载vue-cli3脚手架后,执行npm run serve  正常。执行npm run build 后,打开index.html文件后,console报错,找不到js文件。index.html文件里显示

We‘re sorry but vue-hello-world-ui-select doesn‘t work properly without JavaScript enabled.Please enable it to cologontinue.
原因是打包后静态文件路径不对,vue-cli3默认打包路径是绝对路径‘/’。
官方文档中说:默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.my-app.com/my-app/,则设置 publicPath 为 /my-app/。
解决方法:在项目根目录下新建vue.config.js文件,在文件中加上
module.exports = {
  publicPath: ‘/vue/vue-hello_world_defalut_v3/dist/‘
}
 
‘/vue/vue-hello_world_defalut_v3/dist/’是我的项目放的位置,index.html文件在‘D:\vue\vue-hello_world_defalut_v3\dist’,所以我这样设置
 
 

vue学习

标签:path   http   假设   一个   div   enabled   asc   绝对路径   prope   

原文地址:https://www.cnblogs.com/hua-hua-good-good-study-day-day-up/p/14774183.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!