- TypeScript脚本中添加点击事件
onClick(){
this.get('/getInt?id=1',(res)=>{
if(res){
this.label.string=res;
}else {
Toast('网络连接异常');
}
})
}
get(url, callback,self:boolean = true){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4){
if(xhr.status >= 200 && xhr.status < 400){
var response = xhr.responseText;
console.log(response);
callback(response);
}
}
};
xhr.open("GET", url, true);
xhr.send();
}
- Controller层中添加方法
@GetMapping("/getInt")
public String hello(int id){
return "ID = " + id;
}
- nginx代理到同一端口解决跨域问题(7456和8080整合到80)
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
# root html;
root C://Users
index index.html index.htm;
}
location /getInt {
proxy_pass http://127.0.0.1:8081;
}
- html文件目录下放入cocos creator构建的项目web-mobile
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/454a9b1834df32f4e4610c4366536756.png)
- 启动nginx.exe
- 浏览器打开localhost,springboot启动项目
- 点击button按钮,label改变为服务器传来的数据
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cd260550e3a40004f5d448a01688254e.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5710a5470469525c1b8f6138ad78948b.png)
完整源码
https://download.csdn.net/download/Oceansssss/85374149