Vue_cli项目打包-配置相对路径
2020-05-04 本文已影响0人
锦锦_jane
-
问题:vue_cli打包后的项目,默认使用的是绝对路径,找根目录下的文件
打开打包好的html文件,发现资源导入的路径 -
导致结果:可能会找不到资源
- 打包好后的文件,需要放到服务器文件夹中
- 当放在服务器根目录时(只有一个项目),使用绝对路径
/
,是没有问题的 - 服务器有多个文件夹(项目)时,就需要使用相对路径
./
- 需求:打包时,让vue_cli生成的html文件导入路径时,直接使用相对路径
-
解决方案:设置vue_cli的配置文件
在项目根目录(与package.json同级),新建一个vue.config.js
文件
module.exports={
// 设置打包后用相对路径(设置值为空)
publicPath:""
}
重新打包即可