proxy配置
浏览器有同源策略,直接从浏览器访问服务器,为了页面安全 则会判断 端口/域名/协议是否相同。我们可以通过在本地创建服务器来进行访问后台服务器,
本地开发时使用,配置中间代理用于转发ajax 解决跨域问题
在vue.config.js的 defineConfig 中配置
1 | devServer:{ |
脚手架的模式与环境变量:
开发模式:development
测试模式:test
生产模式:production
在根目录下直接创建文件来指定环境变量:
.env.development 在开发模式下被载入
.env.production 在生产模式下被载入
一个环境文件只包含环境变量的“键=值”对:
一般以VUE_APP开头
基本的服务器路径:
VUE_APP_NOT_SECRET_CODE=’/api’ —开发文件中
VUE_APP_NOT_SECRET_CODE=’服务器路径’ —–生产文件中
还需要再公共资源地址配置的vue.config.js中配置 publicPath:’’