在uni-app中,H5跨域问题可以通过在项目的根目录下创建vue.config.js文件来进行配置。

具体步骤如下:

  1. 在项目根目录下创建vue.config.js文件。

  2. 在vue.config.js文件中添加如下代码:

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

其中,proxy为配置代理的参数,target为代理目标地址,pathRewrite为路径重写规则,这里的意思是将所有以/api开头的请求都代理到http://localhost:3000下。

  1. 在请求时,将请求地址改为/api开头即可,如下所示:
axios.get('/api/userInfo')
  .then(res => {
    console.log(res.data)
  })
  .catch(err => {
    console.log(err)
  })

这样就可以解决uni-app中H5跨域问题了。

简述uni-app中H5跨域怎么配置

原文地址: https://www.cveoy.top/t/topic/Zu5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录