大连网站怎么,公司注册资金多少合适,成都网络运营推广,帝国cms这么做网站出于安全考虑#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
