首先,如果想要打包后,直接打开index.html页面查看效果,就只需要修改vue.config.js文件,找不到这个文件怎么办呢?去项目的根目录,自己新建一个vue.config.js文件,与package.json同级。创建后输入以下代码:
module.exports = {
publicPath:'./'
}
重新打包,就可以直接点击index.html查看效果了。
如果想要把项目打包上线后查看效果,就进入router文件夹,修改index.js文件,在 new VueRouter中加入以下一行代码:
base:'/dist'
全部内容如下: