遇到vue-cli3的坑

247 阅读1分钟
  • 1、打包后的dist在本地不能正常运行,前端验证不方便验证问题

    问题原因:vue-cli3 初始化工程build打包默认输出是绝对路径,在本地会加载不到静态资源
    解决方案一:在更目录创建vue.config.js文件,修改publicPath
            // vue.config.js
            module.exports = {
                // 选项...
                publicPath: './'
            }
    
    解决方案二: 使用一个 Node.js 静态文件服务器,例如 serve
    npm install -g serve
    // -s 参数的意思是将其架设在 Single-Page Application 模式下
    // 这个模式会处理即将提到的路由问题
    serve -s dist
    

    再打开本地dist文件的index.html就可以正常工作

    遗留问题:publicPath的相对路径和绝对路径有什么区别,对项目有什么影响