vue前端跨域处理

时间:2025-01-19 16:02:12

原因:浏览器访问遵循同源策略,同源:协议/域名:端口 要相同,当访问非同源地址就会出现跨域问题。

在vue中处理跨域的方法一般就是vue代理服务器proxy跨域。

在中进行配置

devServer: {
    // 端口号
    // port: 8890,
    // 配置是否自动启动浏览器
    open: false,
    // 是否启用https
    https: false,
    proxy: {
      // 代理
      "/api": {
        target: .VUE_APP_SERVE_URl,     //要代理访问的路径
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  },

更详细的介绍可以看看这个:vue跨域处理