美文网首页
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