vue3通过vite.config.js通过代理配置跨域

前端通过vite.config.js配置进行跨域,无法代理成功的原因:

封装的axios拥有baseUrl,所以不会重写路径.如果拥有封装好的axios,需要将啊ingbaseUrl删掉

在vite.config.js中的配置:
前端接口请求应该是:/api/user/add,对应的后端接口
`@RequestMapping("/user/add")`
server:{
    cors:true,//开发模式
    host:"0.0.0.0",
    proxy:{
      '^/api/*':{ /* 转发/api  */
        target: 'http://localhost:3000/',
        changeOrigin: true,//允许跨域
        rewrite: (path) => path.replace(/^\/api/, "")//路径重新
      }
    }  
}

你可能感兴趣的:(毕设,javascript,前端,vue.js)