vue3 跨域

Posted 夏哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 跨域相关的知识,希望对你有一定的参考价值。

利用同源策略,将后端 api 地址映射到本地

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      \'/v1\': {
        target: \'http://192.168.0.90:3000\', // 请求接口的 api 地址
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          \'^/v1\': \'/v1\',  // api 路径前缀
        },
      },
    },
  },
}

配置参考 | Vue CLI官方文档

cli.vuejs.org

以上是关于vue3 跨域的主要内容,如果未能解决你的问题,请参考以下文章

VUe3 @cli(axios)跨域访问

vue3 跨域

Vue3官网-高级指南(十七)响应式计算`computed`和侦听`watchEffect`(onTrackonTriggeronInvalidate副作用的刷新时机`watch` pre)(代码片段

vue3.0 微应用数据请求跨域配置

vue3.0+nginx跨域问题

Vue3.0 代理解决跨域