美文网首页
18、vue3.0 打包生产环境资源路径错误问题

18、vue3.0 打包生产环境资源路径错误问题

作者: 郑先森 | 来源:发表于2019-10-12 17:52 被阅读0次
    项目在打包vue生产环境的时候,运行 npm run build ,生成dist文件夹。
    
    此时打开dist文件夹下的index.html报错,找不到要加载的资源
    
    是由于打包时的路径都打包成绝对路径,将打包的路径配置下:
    
    在项目的根目录下找到vue.config.js文件(没有的话自己新建一个),修改公共路径
    
    image.png
    const path = require('path');
    module.exports = {
        publicPath:'./',    // 公共路径
    }
    
    最后重新打包一次,npm run build ,vue3.0打包生产环境资源路径错误问题就解决了。
    

    相关文章

      网友评论

          本文标题:18、vue3.0 打包生产环境资源路径错误问题

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