参考:uni-app两种方法解决跨域问题【已验证】

manifest.json源码状态下,在根{}里增加跨域代理配置

  1. // 跨域代理配置
  2. "h5": {
  3. "devServer": {
  4. "port": 8080, //uniapp本地浏览器运行端口
  5. "disableHostCheck": true,
  6. "proxy": {
  7. "/api": {
  8. "target": "http://127.0.0.1:8888", //实际请求服务器地址*http://127.0.0.1:8888*
  9. "changeOrigin": true,
  10. "secure": true,
  11. "pathRewrite": {
  12. "^/api": ""
  13. }
  14. }
  15. }
  16. }
  17. }

url配置时,修改为代理地址

  1. /**
  2. * API接口地址
  3. * RESTful风格接口地址
  4. */
  5. // 前缀
  6. let prefix = 'http:127.0.0.1:8888'
  7. // #ifdef H5
  8. // H5下将地址修改为 "/api", 代理地址
  9. prefix = " /api"
  10. // #endif
  11. export const URLS = {
  12. //用户管理
  13. login: {
  14. in: prefix + '/users/login', //登录
  15. out: prefix + '/users/logout', //退出登录
  16. },
  17. //系统设置
  18. setting: {
  19. roles: prefix + '/roles', //角色
  20. users: prefix + '/users', //用户
  21. menu: prefix + '/menu', //菜单
  22. region: prefix + '/region', //地区
  23. depts: prefix + '/depts', //部门
  24. rolePermissions: prefix + '/rolePermissions', //角色权限
  25. webset: prefix + '/siteset/webset', //网站配置
  26. elicon: prefix + '/elicon', //el-element图标
  27. jwt: prefix + '/jwt', //JWT token密钥
  28. },
  29. }