Vue 跨域问题

跨域报错如下：

截屏2023-05-08 17.43.56.png

解决：
vue.config.js 中修改

const { defineConfig } = require('@vue/cli-service')

 module.exports = defineConfig({

   transpileDependencies: true,

   devServer: {

     //配置http-proxy代理方式跨域

     proxy: {

       // 自定义请求的开头,使用代理方式处理/demo开头的请求,/xxx可以自定义

       "/api": {

         // 往哪个服务器发请求,改成你的

         target: "https://www.123.com",

         pathRewrite: {

           // ^代表字符串开头,实际发送请求时,会把请求开头的/demo删除

           // 因为/demo并不是请求的一部分,只是个代理的标识

           "^/api": "",

         },

       },

       // 如果有其他网址也需要跨域则继续配置

       // "/其他的...": {

       // target: "其他的请求地址",

       // pathRewrite: {

       // "^/其他的...": "",

       // },

       // },

     },

   },

 })

页面请求：

 this.$http.get('/api'+'/api/index/weather').then(res => {