vue学习

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:vuevue-hello_world_defalut_v3dist’，所以我这样设置