68 lines
2.0 KiB
Markdown
68 lines
2.0 KiB
Markdown
|
## MOM 移动端
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 下载 HBuilderX
|
|||
|
|
|
|||
|
|
https://www.dcloud.io/hbuilderx.html
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 下载微信开发者工具
|
|||
|
|
|
|||
|
|
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 配置开发者工具
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## HBuilderX
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 后台配置跨域
|
|||
|
|
### 网关跨域配置
|
|||
|
|
|
|||
|
|
## nacos 配置如下配置即可
|
|||
|
|
- nacos mom-gateway-dev.yml
|
|||
|
|
````
|
|||
|
|
spring:
|
|||
|
|
cloud:
|
|||
|
|
gateway:
|
|||
|
|
globalcors:
|
|||
|
|
corsConfigurations:
|
|||
|
|
'[/**]':
|
|||
|
|
allowedOriginPatterns: '*' #注意这个设置只对 spring boot 2.4+ 有效， mom v4.0+ ,低版本 使用 allowedOrigins: "*"
|
|||
|
|
allowed-methods: '*'
|
|||
|
|
allowed-headers: '*'
|
|||
|
|
allow-credentials: true
|
|||
|
|
exposedHeaders: 'Content-Disposition,Content-Type,Cache-Control'
|
|||
|
|
````
|
|||
|
|
以上配置可作为开发环境使用，生成环境建议你根据实际情况修改（请先理解 CORS，并参考 org.springframework.cloud.gateway.config.GlobalCorsProperties） 跨域时会产生预检请求(Pre-Flight Request)，这样就会对你的服务器产生额外的网络请求。如果可以通过部署手段解决跨域，则可以关闭跨域支持，方法是把以上配置信息清理掉。
|
|||
|
|
|
|||
|
|
## 测试
|
|||
|
|
为了演示跨域支持效果，可以修改一下前端项目(momx-ui)的登录代码
|
|||
|
|
* login.js
|
|||
|
|
````
|
|||
|
|
export const loginByUsername = (username, password, code, randomStr) => {
|
|||
|
|
const grant_type = 'password';
|
|||
|
|
|
|||
|
|
return request({
|
|||
|
|
// 原来的API接口地址
|
|||
|
|
//url: '/auth/oauth/token',
|
|||
|
|
// 为了触发跨域，直接修改为网关的url,这里的IP需要改成你自己的，要用真实IP
|
|||
|
|
url: 'http://127.0.0.1:9999/auth/oauth/token',
|
|||
|
|
headers: {
|
|||
|
|
isToken: false,
|
|||
|
|
Authorization: 'Basic cGlnOnBpZw==',
|
|||
|
|
},
|
|||
|
|
method: 'post',
|
|||
|
|
params: { username, password, randomStr, code, grant_type, scope },
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
````
|
|||
|
|
|
|||
|
|
* 登录会发出两个请求， 一个是 options 预检查、一个是实际的请求
|
|||
|
|
|