vite+vue反向代理实现跨域

添加配置

在vite.config.js中添加server项的配置：

export default defineConfig({
  ...
  server: {
    port: 3100,
    host: '0.0.0.0',
    proxy: {
      "^(\/.*)?": {
        target: "http://127.0.0.1:3000",
        changeOrigin: true
      },
    },
  },
  ...
})

通过正则表达式将所有/xxxx请求直接代理到后端接口。

当发起请求时，可以不用完整路径。如axios请求：

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

这样请求的时候，匹配到/user，代理到后端接口。