首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

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 });
};

成功示例

image.png
下一篇 / vue3集成tinymce富文本编辑器并导出word

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)