vue 解决Vue跨域问题

Vue使用localhost:3000进行访问，在使用非localhost:3000地址的API时发生如下错误

解决方法一：

在根目录下新建vue.config.js文件，有的话直接在文件中添加如下代码

module.exports = {
    lintOnSave:false, // 取消格式化

    devServer:{
        proxy:"http://houduanserver:5000" // 请求数据的地址
    }
}

这种方法只能请求一种代理

解决方法二：

同样在vite.config.js中添加如下代码：

export default ({ mode }) => defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8006/api',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      },
    }
  }
})

此方法可以同时添加多种代理，在proxy中添加对应信息即可。

但使用axios进行接口调用时，需要添加对应一级目录