问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。
去config文件夹下的index.js中寻找问题。
index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,
这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。解决办法:
改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找。再次打包,页面基本正常。
build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',
问题二:我再次打包后,页面可以正常打开。但是页面上的一些图片请求失败。
修改build文件夹下边的utils.js文件。
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' }) }
两问题连接
https://blog.csdn.net/for_weber/article/details/80414754
问题三:vue的click事件后加不加括号的问题
应该是 Vue 对函数调用表达式额外用了一个函数做了层包装。
加与不加括号的区别在于事件对象参数 event 的处理。不加括号时,函数第一个参数为 event,加了括号后,需要手动传入 $event 才能获得事件对象