解决uniapp在h5跨域问题进行反向代理

任彬0311

已于 2023-02-23 12:03:34 修改

阅读量1.1k

点赞数 1

分类专栏：笔记文章标签： uni-app 前端 javascript

于 2023-02-13 17:08:24 首次发布

本文链接：https://blog.youkuaiyun.com/zibo736246/article/details/129012989

版权

本文介绍了如何解决使用uniapp进行H5开发时遇到的跨域问题，通过创建vue.config.js设置反向代理，以及在untils/request.js中利用ifdef判断终端，确保请求的正确性。同时，还涉及到对首页请求数据方法的修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建vue.config.js

module.exports = {
   
  devServer: {
   
    proxy: {
   
      '/api': {
   
        target: 'http://localhost:7788',
        ws: true,
        changeOrigin: true,
        pathRewirte:{
    //路径重写
             '^/api':''
         }
      },
      '/foo':{
   
          target:'http://localhost:3001'
        
      }