uniapp h5开发调试 跨域配置

一、vue 配置代理

在项目根目录 新建  vue.config.js

内容如下 api就是接口前缀 用来匹配的

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://192.168.31.129:8089/api',
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

然后把uni.request的baseurl 修改为当前项目的地址

直接点运行到浏览器 大概率是 http://localhost:8080/api/

h5的项目 找到manifest.json 打开源码模式

配置h5的相关配置【必须加上port】

"h5" : {
        "devServer" : {
            "proxy" : {
                "/api" : {
                    "target" : "http://tp333.com",
                    "changeOrigin" : true,
					"secure":false
                }
            },
            "https" : false,
			"port":5173
        },
        "router" : {
            "mode" : "history"
        }
    }

本文为看恩吧原创文章,转载无需和我联系,但请注明来自knsay.com

打赏

• 上一篇： go windows配置环境变量
• 下一篇： windows 11 数字激活