Vue_cli项目打包-配置相对路径

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

重新打包即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。