当前位置:   article > 正文

uni-app中如何解决跨域问题_uniapp跨域解决

uniapp跨域解决

在uni-app中解决跨域问题可以按照以下步骤进行:

  1. 在uni-app的根目录下找到vue.config.js文件,如果没有则创建一个。

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

  1. module.exports = {
  2. devServer: {
  3. proxy: {
  4. // 配置跨域
  5. '/api': {
  6. target: 'http://api.example.com', // 目标接口的域名
  7. ws: true,
  8. changeOrigin: true, // 是否允许跨域
  9. pathRewrite: {
  10. '^/api': '' // 替换成空字符,去掉/api前缀
  11. }
  12. }
  13. }
  14. }
  15. }

  1. 修改以上代码中的target为你要请求的接口的域名地址。

  2. 然后在uni-app中请求数据时,将请求的url改为/api/xxx,例如:

  1. // 发起请求
  2. uni.request({
  3. url: '/api/users', // 请求的url
  4. method: 'GET',
  5. success: (res) => {
  6. console.log(res.data)
  7. },
  8. fail: (err) => {
  9. console.log(err)
  10. }
  11. })

这样就可以解决uni-app中的跨域问题了。注意,需要在开发环境中使用vue.config.js文件来解决跨域,生产环境下不会生效。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/774270
推荐阅读
相关标签
  

闽ICP备14008679号