一、解决了vue-cli创建项目并打包后打开的页面为空白的问题

命令行输入：npm运行构建

打包后，项目中会有一个额外的文件夹dist，这就是我们打包的项目。

第二，打包完成后，配置会自动生成vue.config.js文件，非常重要，值得大家收藏

配置如下：

const path=require(' path ')；

const resolve=function(dir){ 0

返回path . join(_ dirname，dir)；

};

module.exports={

public path : process . ENV . node _ ENV===' production '？/' : './',

输出方向： '距离'，

assetsDir: '静态'，

Lintonsave : true。//是否要打开eslint保存检测

ProductionSourceMap : false。//构建生产包时生成sourcdeMap

chainWebpack:配置={ 0

config.resolve.alias。设置(' @ '，解析(' src '))。设置(' @v '，解析(' src/view '))。设置(@c)，解析(' src/components ')。set('@u '，resolve('src/utils '))。set('@s '，resolve(' src/service ')；/*别名配置*/

config . optimization . runtimechunk(' single ')；

},

devServer: {

//host: 'localhost '，

/*本地ip地址*/

//host: '192.168.1.107 '，

主机： ' 0 . 0 . 0 . 0 '//局域网和本地访问

端口： '8080 '，

hot: true，

/*自动打开浏览器*/

open: false，

重叠： {

警告：为假，

错误：为真

},

/*跨域代理*/

proxy: {

/api': {

/*目标代理服务器地址*/

target : ' http://m 260048y 71 . zicp . VIP '，//

//target : ' http://192 . 168 . 1 . 10233608888 '，//

/*允许跨域*/

changeOrigin: true，

ws:真，

路径重写： { 0

'^/api':

}

}

}

}

};

复制代码

第三个问题：路由器视图中的内容无法显示。路由历史模式

这个坑是当你使用路由后打开没有后端协作的路由历史模式，打包的文件会是空白的。

解决方案：在router.js中注释掉mode:历史记录

非常珍贵的config.js文件值得收藏