uni-app请求接口跨域问题一般可以通过以下几种方式解决:

  1. 在服务器端设置CORS(跨域资源共享)策略,允许指定的源访问接口。这种方式需要后端开发人员进行设置,如果你不是后端开发人员,可以和后端开发人员沟通协调。

  2. 使用JSONP方式来请求接口,JSONP是一种跨域请求的方式,它通过动态创建script标签,实现跨域请求数据。使用JSONP方式需要后端接口支持JSONP方式。

  3. 在uni-app中使用代理服务器,将请求转发到后端接口,实现跨域请求。在uni-app中使用代理服务器的方式可以在vue.config.js中进行配置,示例代码如下:

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

    上述代码中,我们将所有以/api开头的请求都转发到http://localhost:3000这个地址上,同时将请求路径中的/api去掉,这样就可以实现跨域请求了

uni-app请求接口跨域问题

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

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