0%

vue2环境配置

proxy配置
浏览器有同源策略,直接从浏览器访问服务器,为了页面安全 则会判断 端口/域名/协议是否相同。我们可以通过在本地创建服务器来进行访问后台服务器,
本地开发时使用,配置中间代理用于转发ajax 解决跨域问题
在vue.config.js的 defineConfig 中配置

1
2
3
4
5
6
7
8
9
10
11
12
13
devServer:{
port:' 9202 '
proxy:{
'/api':{
//真正地址通过target
target:'http://基本地址'

//路径重写,将api替换
pathRewrite:{'^/api': ' '}

}
}
}

脚手架的模式与环境变量:
开发模式:development
测试模式:test
生产模式:production

在根目录下直接创建文件来指定环境变量:
.env.development 在开发模式下被载入
.env.production 在生产模式下被载入

一个环境文件只包含环境变量的“键=值”对:

一般以VUE_APP开头

基本的服务器路径:

VUE_APP_NOT_SECRET_CODE=’/api’ —开发文件中
VUE_APP_NOT_SECRET_CODE=’服务器路径’ —–生产文件中

还需要再公共资源地址配置的vue.config.js中配置 publicPath:’’

欢迎关注我的其它发布渠道