vue之项目静态资源打包
2017-09-27 18:10
766 查看
如果使用的是vue-cli构建的项目，只看静态资源打包的效果只需要用cmd进入项目里npm run build即可，打包完在根目录下的dist目录下可以看到文件，直接打开dist目录下的index.html就能查看页面静态资源的加载。
然而你悲剧的发现下面报了好几个错误，都是加载资源路径出了问题，解决方法如下：
打开根目录下config文件夹里的index.js文件,将build对象下的assetsPublicPath中的“/”，修改成“./”。
其实就是在默认的配置里斜杠前面少了个点，如上处理后再npm run build一下，刷新之前的index界面就ok啦
然而你悲剧的发现下面报了好几个错误，都是加载资源路径出了问题，解决方法如下：
打开根目录下config文件夹里的index.js文件,将build对象下的assetsPublicPath中的“/”，修改成“./”。
其实就是在默认的配置里斜杠前面少了个点，如上处理后再npm run build一下，刷新之前的index界面就ok啦
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue打包项目图片等静态资源的处理
- 用webpack打包vue项目后，静态资源路径失效问题
- Vue项目使用webpack打包时纯静态资源的处理
- vue项目打包后资源相对引用路径的和背景图片路径问题
- vue打包之后静态资源访问不到
- vue完成项目后,打包成静态文件的方法
- 关于 electron-vue打包后静态资源路径失效的解决方案
- 详解vue静态资源打包中的坑与解决方案
- vue完成项目后，如何打包成静态文件
- vue完成项目后，如何打包成静态文件
- vue打包静态资源路径不正确的解决办法
- vue.js使用手记——打包之后静态资源失效404问题
- vue打包之后静态资源图片失效问题
- vue项目引用bootstrap资源打包发生错误，loaders没有配置font字体文件
- vue打包后jquery is not defined和静态资源路径找不到
- vue打包静态资源路径不正确的解决方案
- vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录
- 解决vue打包之后静态资源图片失效的问题
- vue打包静态资源路径不正确的解决办法
- vue项目打包后的资源路径问题