美文网首页
Vue_cli项目打包-配置相对路径

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

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

重新打包即可

相关文章

网友评论

      本文标题:Vue_cli项目打包-配置相对路径

      本文链接:https://www.haomeiwen.com/subject/xveyghtx.html