vue3的跨域问题配置

最新推荐文章于 2025-10-05 06:55:49 发布

原创

最新推荐文章于 2025-10-05 06:55:49 发布 · 6.7k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文介绍了在Vue项目中如何通过vue.config.js配置webpack实现跨域，以及在main.js中设置axios的基础用法，包括设置默认请求基地址和将axios挂载到原型对象上。示例代码详细展示了如何进行代理配置以访问不同域的API，并提供了发送POST请求的例子。

1、在vue.config.js文件中配置webpack

// 跨域配置
module.exports = defineConfig({
   
   
  transpileDependencies: true,
  configureWebpack: {
   
   
    devServer: {
   
   
      proxy: {
   
   
        "/api": {
   
   //捕获API的标志，如果API中有这个字符串，那么就开始匹配代理，