vue 前端配置token遇到跨域问题，跨域解决方法

最新推荐文章于 2024-10-01 20:18:47 发布

zhaoyy0513

最新推荐文章于 2024-10-01 20:18:47 发布

阅读量3.4k

点赞数 1

分类专栏： vue 前端

本文链接：https://blog.csdn.net/zhaoyy0513/article/details/108992535

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

1.因为默认配置文件vue.config.js的时候目标主机地址已经改成/api

// 修改配置后一定要 重新npm run serve !!!
module.exports = {
  devServer: {
    // vue项目启动时的ip地址和端口
    host: "localhost",
    port: 8000,
    proxy: {
      // 匹配所有以 /api 开头的url
      "/api": {
        // 请求的目标主机
        target: "http://127.0.0.1:23333/pv",
        changeOrigin: true,
        //这样重写会把,路径中 /api 消去
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
};

所以在统一的Api配置文件中，将路径地址改为/api即可

改之前

const ServerURL = "http://localhost:23333/pv/";
const URL = {
  base: ServerURL,
  // user
  userRest: ServerURL + "user",
  getToken: ServerURL + "user/getToken",
};
export default URL;

改之后

const ServerURL = "/api/";
const URL = {
  base: ServerURL,
  // user
  userRest: ServerURL + "user",
  getToken: ServerURL + "user/getToken",
};
export default URL;