项目发布阿里云服务器,遇到跨域问题

本文介绍了一种在SpringBoot项目中解决Ajax跨域问题的方法,通过在控制器上使用@CrossOrigin注解,轻松实现跨域请求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述
Ajax跨域问题,直接在controller上加上注解
@CrossOrigin
spring boot项目

### 如何在阿里云ECS服务器中通过宝塔面板部署Spring Boot/Spring MVC项目 #### 一、准备工作 在开始之前,需确保已经完成了以下准备事项: 1. 购买了阿里云ECS服务器并获取其IP地址[^2]。 2. 已经安装了宝塔面板,并能够正常登录。 --- #### 二、环境搭建 ##### 1. JDK安装 - 登录宝塔面板后,点击左侧菜单中的“软件商店”,搜索并安装适合项目的JDK版本。 - 如果已知项目使用的具体JDK版本,则可以直接选择对应版本进行安装[^3]。 ##### 2. Nginx安装 - 同样在宝塔面板的“软件商店”中,找到并安装Nginx服务。这一步是为了后续实现前后端分离架构下的反向代理功能[^1]。 --- #### 三、Spring Boot项目部署 ##### 1. 添加Java项目 - 在宝塔面板左侧菜单中点击“网站”,然后选择“添加Java项目”。 - 填写项目名称以及上传编译后的`.jar`文件(即Spring Boot构建生成的目标文件)。 ##### 2. 配置运行参数 - 设置启动命令,默认情况下可以使用如下命令来启动Spring Boot应用: ```bash nohup java -jar your-spring-boot-app.jar > app.log 2>&1 & ``` - 若有特殊需求,可根据实际情况调整内存分配或其他 JVM 参数。 ##### 3. 确认项目状态 - 提交设置后等待一段时间直到提示项目启动成功为止。此时可以通过访问指定端口验证API接口是否可用。 --- #### 四、Vue前端项目部署 对于基于Vue.js开发的前端部分,通常会单独打包成静态资源文件夹形式发布: ##### 1. 构建生产环境代码 - 使用Node.js工具链执行构建操作,生成dist目录下的静态资源文件。 ```bash npm run build ``` ##### 2. 创建站点 - 返回至宝塔面板内的“网站”选项卡处新增一个普通类型的站点。 - 将上述步骤产生的整个dist文件夹内容复制粘贴到新创建出来的根路径下面去覆盖默认主页index.html文档位置即可完成加载显示工作流程。 ##### 3. 处理样式丢失问题 如果遇到CSS等外部链接无法解析的情况,请检查vue.config.js里publicPath字段值设定得当与否;另外还需注意图片引用相对路径正确性等问题是否存在偏差之处加以修正处理。 --- #### 五、配置Nginx反向代理 为了使前后端能够在统一名下协同运作,需要编辑对应的nginx.conf配置文件加入类似这样的规则片段支持请求转发机制生效: ```nginx location /api/ { proxy_pass http://localhost:8080/; } ``` 其中/api代表后台RESTful API的服务前缀标识符而http://localhost:8080则是实际监听的工作进程所在物理地址信息表述方式。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值