【解决方案】vue生成文件本地打开查看效果
来源:互联网 发布:英语网络主播 编辑:程序博客网 时间:2024/05/29 17:38
问题描述:
npm run build 后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。 放到跟目录下就正常了。
问题解决:
打开项目所在文件夹里面的 config - index.js
在 build 部分的 assetsPublicPath里面加一个点即可
assetsPublicPath: '/',
改为
assetsPublicPath: './',
解释:
将绝对路径改为相对路径(解释有点不对,凑合着理解吧)
延伸:
这么做的效果主要影响的是 项目所在文件夹里面的 build- webpack.base.conf.js
效果相当于:
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
},
改为了:
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? './'
: config.dev.assetsPublicPath
},
1 0
- 【解决方案】vue生成文件本地打开查看效果
- vue编译打包本地查看index文件
- vue等项目如何在本地查看效果
- Webview打开本地图片文件选择解决方案
- 【项目中---WebView】Webview打开本地图片文件选择解决方案
- vue-cli构建项目 npm run build打包后怎么在本地查看效果
- 数据库生成脚本后,文件太大,无法打开 解决方案(转)
- 本地打开文件 % % 是什么意思
- vue加载本地json文件
- android打开、查看文件
- 移动硬盘新加卷变为本地磁盘且不能打开磁盘查看文件
- Android 打开本地pdf文件
- vue-resource请求本地json文件
- Vue项目调用本地的json文件
- Vue如何加载本地json文件
- ftp查看本地目录文件
- javascript 查看本地图片文件
- ftp查看本地目录文件
- git分支
- 重写equals时需要注意的地方
- 深入浅出ES6(十):集合
- 使用清华镜像编译aosp
- JavaEE总结
- 【解决方案】vue生成文件本地打开查看效果
- Android中的Service:默默的奉献者 (1)
- 欢迎使用CSDN-markdown编辑器
- Java中的24种设计模式与7大原则
- springmvc前台向后台传值几种方式从简单到复杂
- String
- 2016多校5 hdu 5783 Divide the Sequence 贪心
- JAVA中的帮助类
- C#读取Excel五种方式体会(二)