vue3 跨域问题

Question

我在vue.config.js加了跨域设置，但是跨域问题没有解决。或者说 这个设置没有执行，怎么回事？？

const path = require('path');
const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');
const CircularDependencyPlugin = require('circular-dependency-plugin')
const webpack = require('webpack');

module.exports = {

  productionSourceMap: false,
  devServer: {
    proxy:{
      //名字可以自定义，这里我用的是api
      '/api': {
        target: 'http://127.0.0.1:8087/',//设置你调用的接口域名和端口号 别忘了加http
        changeOrigin: true,//这里设置是否跨域
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },

  configureWebpack: {
    devServer: {
      proxy: {
        //名字可以自定义，这里我用的是api
        '/api': {
          target: 'http://127.0.0.1:8087/',//设置你调用的接口域名和端口号 别忘了加http
          changeOrigin: true,//这里设置是否跨域
          pathRewrite: {
            '^/api': ''
          }
        }
      }
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
        'vue$': 'vue/dist/vue.esm.js'
      }
    },
    plugins: [
      new CircularDependencyPlugin({
        exclude: /node_modules/,
        failOnError: true,
        allowAsyncCycles: false,
        cwd: process.cwd(),
      }),
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
    ]
  },

  chainWebpack: config => {
    config.plugin('html').tap(args => {
      args[0].chunksSortMode = 'dependency';
      return args;
    });

    // config.plugin('circularDependency').use(CircularDependencyPlugin, {
    //   exclude: /node_modules/,
    //   failOnError: true,
    //   allowAsyncCycles: false,
    //   cwd: process.cwd(),
    // });

    const svgRule = config.module.rule('svg');
    svgRule.uses.clear();
    svgRule.use('svg-sprite-loader').loader('svg-sprite-loader').options({
      symbolId: 'icon-[name]',
      //extract: true,
      spriteFilename: 'img/svg-icon.svg'
    });
    //config.plugin('svg-sprite-loader-plugin').use(SpriteLoaderPlugin);
  },
}

请求代码

还是调了 配置钱的路径

Answer 1

============================正确答案==============================================
我的请求地址写成了本地后端的地址+端口号，不是前端的端口号。所以报错了
ps.注意http的端口得是前端启动的端口

Answer 2

404不是跨域，注意检查路径。你请求的路径也不会走你的跨域配置，因为地址不符合。

Answer 3

404不是跨域，请求方法能不能写出来

Answer 4

404一般是没有这个地址 也就是没有这个接口 或者接口写错了