为什么用uniapp的uni.request和axios在本机请求https时axios的会跨域

可能是因为Axios在浏览器中运行时，会默认设置`withCredentials`为`false`，而Uni-app中的`uni.request`则默认为`true`，因此在请求跨域资源时，Axios会被浏览器拦截，而Uni-app中的请求则不会被拦截。

你可以尝试在Axios中手动设置`withCredentials`为`true`来解决跨域问题。例如：

axios.defaults.withCredentials = true;

相关问题

uni-app之网络请求解决跨域

在uni-app中解决跨域问题可以通过以下几种方式：

1. 在服务端设置响应头

在服务端设置响应头Access-Control-Allow-Origin为允许访问的源地址即可解决跨域问题。

2. 使用uni-app内置的跨域代理服务

uni-app提供了内置的跨域代理服务，可以通过在请求地址前添加`/api/`前缀来触发代理服务，例如：

uni.request({
  url: '/api/your/request/url',
  method: 'GET',
  success: function(res) {
    console.log(res.data)
  }
})

需要在`/config/index.js`中配置代理服务：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://your/api/url',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

3. 使用第三方跨域插件

可以使用第三方的跨域插件，例如`vue-resource`、`axios`等来解决跨域问题。在请求中添加`withCredentials`属性，并将其设置为`true`即可实现跨域请求。例如：

axios.get('https://your/request/url', {
  withCredentials: true
}).then(res => {
  console.log(res.data)
})

uniapp中前端绕过跨域

在UniApp（一个基于Vue.js的框架，用于构建跨平台应用）中，前端绕过跨域的方法主要有以下几种：

1. **JSONP** (JSON with Padding)：JSONP是一种利用script标签不受同源策略限制的特点，通过动态创建并插入script标签的方式来获取数据。然而，这种方法只适用于GET请求，并且返回的数据必须包裹在一个函数调用中。

uni.request({
    url: 'http://api.example.com/data?callback=handleData',
    method: 'get',
    success(res) {
        handleData(res.data);
    },
});

2. **CORS代理**：在后端设置代理服务器，所有的跨域请求都转发到这个代理服务器，然后由代理服务器再发送出去，这种方式需要配合后端支持。

3. **Service Worker**：虽然Service Worker主要用于离线缓存和推送通知，但也可以用来处理某些跨域请求。你可以创建一个Service Worker并在其中处理请求，但这需要用户启用Service Worker功能。

4. **使用第三方库**：如axios库提供了一个`transformRequest`选项，可以在发送请求前对数据进行转换，将跨域请求伪装成fetch或其他本地协议的请求。

axios.defaults.transformRequest = [function(data) {
    return data;
}];

5. **使用WebSocket**：如果你需要双向通信，WebSocket是一个选择，它能避免频繁的轮询，但同样需要后端的支持。

无论哪种方法，都需要后端配合一定的支持才能完全绕过浏览器的同源策略。对于一些严格的生产环境，后端设置CORS仍是最佳实践。