jeecms本地服务启动,快速解决跨域问题!

2023-06-06 0 463

在展开前端合作开发的这时候,他们时常须要采用到邻近地区开启服务工程项目,而在采用jeecms展开其间端分立合作开发的这时候,他们可能会碰到布吕马难题。责任编辑将如是说怎样采用jeecms展开邻近地区开启服务工程项目并化解布吕马难题。

一、简述

在展开前端合作开发的这时候,他们时常须要采用到邻近地区开启服务工程项目,这种能方便快捷的增容和合作开发。而对采用jeecms展开其间端分立合作开发的工程项目而言,他们可能会碰到布吕马难题。责任编辑将如是说怎样采用jeecms展开邻近地区开启服务工程项目并解决布吕马难题。

二、加装jeecms

具体而言他们须要加装jeecms,能参照非官方文件格式展开加装:

三、实用性jeecms

1.实用性资料库相连

在加装顺利完成后,他们须要实用性资料库相连,在jeecms的命令行中找出下列代码:

#资料库相连spring.datasource.url=jdbc:mysql://localhost:3306/jeecms8?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTCspring.datasource.username=rootspring.datasource.password=root

将当中的url、username和password修正为你他们的资料库相连重要信息方可。

2.实用性动态天然资源方向

在jeecms中,预设情况下动态天然资源方向为“/static”,他们能透过修正命令行来修正动态天然资源方向。在jeecms的配置文件中找出下列标识符:

#动态天然资源方向jeecms.staticResourcePath=/static

将当中的/static修正为你想的动态天然资源方向方可。

3.实用性布吕马

在展开其间端分立合作开发的这时候,他们时常会碰到布吕马难题。在jeecms中,他们能透过实用性来化解布吕马难题。在jeecms的命令行中找出下列标识符:

#布吕马实用性jeecms.cors.enable=falsejeecms.cors.allowedOrigins=*jeecms.cors.allowedMethods=GET,POST,PUT,DELETE

jeecms本地服务启动,快速解决跨域问题!

将当中的jeecms.cors.enable修正为true,表示开启布吕马;将jeecms.cors.allowedOrigins设置为你允许布吕马访问的地址;将jeecms.cors.allowedMethods设置为你允许布吕马访问的方法方可。

四、开启jeecms

顺利完成以上实用性后,他们就能开启jeecms了。在命令行中进入到jeecms加装目录下的bin目录,执行下列命令方可开启:

/startup.sh

开启成功后,在浏览器中输入:8080/方可访问。

五、化解布吕马难题

如果你在前端工程项目中采用了其他端口号展开邻近地区服务工程项目开启,那么在访问jeecms接口时就会碰到布吕马难题。化解布吕马难题的方法有很多种,责任编辑如是说两种常用方法。

1.透过nginx反向代理

在nginx中实用性反向代理,将前端工程项目的请求转发到jeecms的接口上。在nginx的命令行中添加下列标识符:

location /api { proxypass :8080/api; addheader Access-Control-Allow-Origin *; addheader Access-Control-Allow-Methods GET,POST,PUT,DELETE;}

当中,/api表示前端工程项目请求的地址,:8080/api表示jeecms的接口地址。

2.在前端工程项目中采用代理

在前端工程项目中采用代理,将请求转发到jeecms的接口上。在vue-cli3的工程项目中,能在vue.config.js中实用性代理:

module.exports ={ devServer:{ proxy:{/api:{ target::8080, changeOrigin: true, pathRewrite:{^/api:/api} }} }}

当中,/api表示前端工程项目请求的地址,:8080表示jeecms的接口地址。

六、总结

责任编辑如是说了怎样采用jeecms展开邻近地区开启服务工程项目并化解布吕马难题。透过以上实用性和方法,他们能方便快捷地展开其间端分立合作开发,并且避免布吕马难题带来的麻烦。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务