Loading

vue3 设置跨域

changeOrigin 必须设置成 false

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,

  devServer: {
    port: '8080', // 设置项目端口号
    proxy: {
      '/api': {
        target: 'http://39.97.107.92:8882', //API服务器的地址
        ws: true, //代理websockets
        changeOrigin: false, // 是否跨域,虚拟的站点需要更管origin
        pathRewrite: {
          // '^/api'是一个正则表达式,表示要匹配请求的url中,全部'http://localhost:8081/api' 转接为 http://localhost:8081/
          '^/api': '',
        },
      },
    },
  },
});

vue3 和 vue2 的区别

vue2 的默认项: changeOrigin:false
vue3 的默认项: changeOrigin:true

true 和 false 的区别

设置成 ture

image
设置成 true 时 ,浏览器 会报错,跨域错误
image

设置成 false

image
设置成 false ,浏览器正常请求

https://juejin.cn/post/7151966465606811678

posted @ 2023-11-17 14:13  小小的编程员  阅读(481)  评论(0编辑  收藏  举报