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

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;

 


版权声明:本文为zhaoyy0513原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。