在vue.config.js文件里,配置devServer对象
module.exports={
devServer:{}
}
devServer配置节点:
- open:设置为true,启动服务后是否直接打开浏览器
- host:设置为0.0.0.0可以通过主机ip访问启动的服务
- prot:启动服务的端口号,启动多个自动提升
- https:设置为true,是否启用https协议
- hot:设置为true,改代码,重新编译,刷新浏览器
- hotOnly:设置为true,改代码,重新编译,不刷新浏览器
- contentBase:指向默认访问的目录,默认为项目的根目录
- headers:请求头添加内容
- historyApiFallback:true 在找不到页面时,默认跳转到index.html 或者设置为对象,通过设置rewrites通过正则跳转,rewirites为数组,有from和to两个变量。
- overlay:是否在浏览器页面显示错误信息
- stats:控制台输出内容控制,默认是全部,可选值:errors-only、minimal、normal、verbose
- compress:对所有资源实现gzip压缩
- proxy:跨域设置
proxy配置节点:
- target:重定向地址
- secure:https时需要设置true
- changeOrigin:true 设置跨域
- wx:true 设置websocket跨域
- pathWrites:设置url替换
- logLevel:'debug' 设置请求回来后控制台打印重定向内容