vue-cli4.0项目搭建部署过程遇到的问题整理

1、console.log告警

新建vue页面时，发现在create生命周期中，使用console.log()出现告警提示

 

 解决方案有两种：

　　方法1.只需要改成window.console.log() 即可解决如；

　　方法2.打开：package.json 文件，找到eslintConfig 在rules 规则中增加："no-console": "off"

 

2、本地启动打包后的dist项目

　　vue项目打包后的dist文件，在本地是无法直接使用file://目录直接访问，需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值<#我暂时也没有搞懂相对值怎么使用>)。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如 serve

　　在全局例如C盘下安装serve，然后进入到dist的同级目录，执行启动命令

npm install -g serve
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将提到的路由问题
serve -s dist

　　或者使用ngnix。直接进行路径配置，启动即可。