【React工作记录九十八】记录一次艰难的云服务器部署前后端项目springBoot+mybatis+vue(两天解决的前后端跨域问题多种方式)

已于 2023-04-07 09:26:36 修改
阅读量193 收藏
点赞数 1
分类专栏： 前端项目工作实战 文章标签： 服务器 java spring boot
于 2023-04-05 14:24:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geyaoisnice/article/details/129969135
版权
本文记录了一次将React前端与Spring Boot后端部署到云服务器并解决跨域问题的过程。作者尝试了多种解决方案，包括后端配置跨域、反向代理等，最终通过Docker成功部署，并且在不使用代理的情况下实现了跨域访问。文章详细描述了每个步骤，包括代码打包、Linux命令操作、Java和前端版本更新等。
摘要由CSDN通过智能技术生成

前言

大家好 我是歌谣 今天继续给大家带来后端java的学习 最近刚学习完java的一个增删改查 紧接着就是部署项目了

代码准备工作

前端:vue
后端:springboot+mybatis
数据库 mysql

部署后端项目

打包

找到maven-package-run maven build

在这里插入图片描述

云服务器上面建立文件

mkdir /www/springBoot创建文件
上传jar包道指定位置

在这里插入图片描述

linux命令操作

查看服务

了解本专栏 订阅专栏 解锁全文 超级会员免费看
基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
天罡gg的专栏
03-07 2万+
如何高效学习Java? 毕业设计项目应该怎么做？入门实战项目应该怎么做？ 做Java开发都应该学习哪些框架技术？ 我想来跟你聊聊为什么要学习此专栏？我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，当你迷茫想努力没有方向时，最事半功倍的方法是：找人带你! 因为过来人，更懂得如何学、如何做、如何少走弯路！ 那今天就给大家带来一门专栏课程，由 天罡gg 和 经海路大白狗 两位实力大牛合力打造的一款专栏，可以让你从0到1快速拥有企业级规范的项目实战经验！
将前后端项目部署到Linux服务器上后，前端无法访问到后端解决方式（vue+SpringBoot）
热门推荐
qq_44089649的博客
05-04 1万+
问题一：https跨域问题 下面举了三个前后端分离项目的例子，配置都差不多，只不过我想写详细一些给你们看，因为我配置第一个项目的时候还好，但是配置第二个项目遇到了一些问题。所以多写几个例子，方便大家看的明白一些。 修改vue项目中 config 下的 index.js 配置文件，加上代理 dev: { assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { //代理标识 tar
springcloud+springboot+mybatis+分布式+微服务+前后端分离.zip
04-16
java分布式微服务框架spring cloud+spring boot+mybatis+oauth2+前后端分离+微服务+分布式
阿里云服务器跨域问题解决方案
m0_64694079的博客
12-10 1078
allowedOrigins配置格式
SpringBoot+myBatis(plus)+MySQL+VUE最基础简易的前后端全栈demo制作
wanghe1111_的博客
05-12 2248
SpringBoot+myBatis(plus)+MySQL+VUE最基础简易的前后端全栈demo制作
云服务器使用Docker+nginx部署Vue项目 (跨域处理、反向代理)
longzaizai_的博客
05-14 2614
我们要运行Vue项目，如果不做挂载处理，若是项目稍有改动，就需要重新run一个新容器，很麻烦。而有了挂载，我们只需要将修改了的内容放到对应的资源目录下，再restart一下，就好啦！因为容器里边的东西不好查看与更改，那么就将其挂载到我们能看得到、改得到的地方，并且修改主机的文件，就相当于修改容器内对应的文件。如何在linux操作系统下使用Docker容器，再使用nginx这个代理服务器来运行我们的Vue项目，其中。这两个是本篇讲解最最最最重要的问题！的，目录不同的改成你自己的即可。
springboot+vue上传至云服务后出现的跨域问题
biandang6的博客
05-10 1341
vue部署后出现跨域的解决方式
Springboot+Mybatis-plus+Vue项目内容：前后端分离的管理系统
05-20
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
前后端分离后台管理项目（springboot+mybatis+vue）
07-21
前后端分离后台管理项目是一种开发模式，其中前端和后端的开发分离进行。前端负责用户界面的设计和开发，而后端负责数据处理和业务逻辑的实现。 在前后端分离后台管理项目中，前端通常使用HTML、CSS和JavaScript等...
一个简单漂亮的SpringBoot+Mybatis+Vue博客系统 前后端分离ForestBlog.zip
05-15
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
SpringBoot+SpringSecurity+Mybatis+Vue前后端分离 简单实现的宿舍管理系统
05-15
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
nginx解决前后端分离项目部署到云服务器时的跨域问题
yigexiaobai123的博客
08-19 802
nginx解决前后端分离项目部署到云服务器时的跨域问题
本地vue前端请求阿里云服务器上后端项目失败
weixin_42620858的博客
03-18 2096
vue+spring-boot 本地vue访问服务器上的后端项目失败(服务器上项目已正常启动）
XMLHttpRequest.withCredentials
雾里看花叹朦胧
03-12 3431
XMLHttpRequest.withCredentials属性是一个布尔值，表示跨域请求时，用户信息（比如 Cookie 和认证的 HTTP 头信息）是否会包含在请求之中，默认为false，即向 example.com 发出跨域请求时，不会发送 example.com 设置在本机上的 Cookie（如果有的话）。 如果需要跨域 AJAX 请求发送 Cookie，需要withCredentials...
项目发布阿里云服务器，遇到跨域问题
weixin_43759829的博客
03-11 2912
Ajax跨域问题，直接在controller上加上注解 @CrossOrigin spring boot项目
基于SpringBoot+Vue+Mybatis+Redis的前后端分离的校园微博系统
05-19
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
基于vue+springboot+mybatis-plus做了一个前后端分离的学生管理系统
最新发布
05-20
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
阿里云服务器部署前后端分离项目跨域,前后端分离项目，如何解决跨域问题？...
weixin_39878745的博客
08-12 822
跨域资源共享(CORS)是前后端分离项目很常见的问题，本文主要介绍当SpringBoot应用整合SpringSecurity以后如何解决该问题。什么是跨域问题CORS全称Cross-Origin Resource Sharing，意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时，就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问，那么访问的那个资源就会遇到跨域问...
阿里云ECS跨域问题
列苗
03-17 6105
设置 nginx.conf 配置文件路径为：/usr/loca/nginx/conf/nginx.conf 配置项为；#允许跨域访问 add_header 'Access-Control-Allow-Origin' '*'; #不限域名 #add_header 'Access-Control-Allow-Origin' 'http://dev.gongfuxiang.com'; #限制域名的方式
Tomcat+宝塔面板在云服务器中发布服务(跨域问题)
Ankiiii的博客
05-13 684
Tomcat 发布服务 跨域 宝塔
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端大歌谣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值