大连网站怎么,金华农村网站建设,北京企业网站开发公司哪家好,网络营销课程设计报告出于安全考虑#xff0c;未设置前端白名单#xff0c;前端开发时#xff0c;需要配置代理。 在本地创建一个虚拟服务器#xff0c;发送请求数据#xff0c;同时接受请求的数据#xff0c; 利用服务器与服务器间#xff0c;交互#xff0c;不会有跨域问题#xff0c;也…出于安全考虑未设置前端白名单前端开发时需要配置代理。 在本地创建一个虚拟服务器发送请求数据同时接受请求的数据 利用服务器与服务器间交互不会有跨域问题也是完全只靠前端自己独立解决跨域的方式
应用代理前代理后前端http://localhost:5173/cms置空后端http://localhost:7001/apihttps://gov.cn:8080/gov-api/
在.env.development文件中补充配置
VITE_API_BASE_URLhttp://localhost:7001/api // 原配置
VITE_API_BASE_URL # 置空被代理的基地址以匹配代理
VITE_PROXY_BASE_URLhttps://gov.cn:8080/gov-api/
VITE_PROXY_PATH/api在vite.config.js文件
import { defineConfig, loadEnv } from viteexport default defineConfig(({ mode }) {const env loadEnv(mode, process.cwd(), )const {VITE_PROXY_BASE_URL,VITE_PROXY_PATH} envreturn {server: {proxy: {[VITE_PROXY_PATH]: {target: ${VITE_PROXY_BASE_URL}${VITE_PROXY_PATH},rewrite: path path.replace(new RegExp(^${VITE_PROXY_PATH}), ),changeOrigin: true}}}}
})axios工具
import axios from axios
const { VITE_API_BASE_URL: baseURL } import.meta.env
const api axios.create({ baseURL })
export default api
