Vue3跨域方案 server-proxy配置
Sonder
5天前
706字
2分钟
浏览 (26)
vite.config.ts中配置
// 服务端渲染
server: {
// 端口号
port: VITE_PORT,
host: "0.0.0.0",
// 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
proxy: {
"/devApi": {
// 这里填写后端地址
target: "http://124.11.202.20:8601",
changeOrigin: true,
rewrite: path => path.replace(/^\/devApi/, "")
}
},
},
Axios配置
const Axios= axios.create({
baseURL: process.env.NODE_ENV === "development" ? "/devApi" : VITE_API_URL,
timeout:2000
})
接口使用
这里不用动,主要是为了更直观,更好了解
/** 登录 */
export const getLogin = (data?: object) => {
return http.request<Result>("post", "/api/auth/user/login", { data });
};
成功示例
