vue项目处理接口跨域问题

最新推荐文章于 2024-10-08 02:10:34 发布

周嘻嘻！

最新推荐文章于 2024-10-08 02:10:34 发布

阅读量383

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_44895856/article/details/125314820

版权

//vue.config.js文件中添加devServer
module.exports = {
   devServer: {
    proxy: {
        '/api': {
            target: 'http://000.00.00.0',  // 后台接口域名
            ws: true,        //如果要代理 websockets，配置这个参数
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true, 
            pathRewrite:{
              '^/api': ''
          }//是否跨域 
        }
    }
  }
}



//.env.development文件中VUE_APP_API_BASE_URL修改为 /api
VUE_APP_API_BASE_URL=/api