CentOS7部署Nginx+vue3+SpringBoot项目

Gzzz__

已于 2024-01-03 13:09:36 修改

阅读量935

点赞数 10

分类专栏： Java 文章标签： linux centos vue springboot nginx 服务器

于 2023-12-11 15:36:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41386222/article/details/134736232

版权

Java 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了在华为云服务器上部署Java应用（包括JDK安装和SpringBoot项目部署），Nginx的安装、配置以及Vue项目部署，重点讲解了跨域配置方法。

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

一、服务器

使用的华为云服务器，CentOS7.9镜像

二、安装JDK

利用yum命令下载安装JDK(无需配置环境变量,安装过程自动配置)

查看yum库中的JDK安装包

yum -y list java*

安装所需版本的JDK程序

yun -y install java-1.8.0-openjdk*

测试JDK是否配置成功

java -version

三、安装Nginx

在centos 7 服务器中使用yum命令从nginx源服务器中获取来安装nginx

yum install -y nginx

启动nginx

systemctl start nginx

启动成功后，通过域名或ip访问web页面，可以预览nginx的默认页面

文件存放默认目录

/usr/share/nginx/html

默认站点配置

/etc/nginx/conf.d/default.conf

自定义Nginx站点配置文件存放目录

/etc/nginx/conf.d/

nginx全局配置

/etc/nginx/nginx.conf

重新加载配置文件

nginx -s reload

检查配置文件格式是否正确

nginx -t

四、部署SpringBoot项目

SpringBoot项目打成jar包，直接运行即可

nohup java -jar xxx.jar >/home/user/log.log 2>&1 &

五、部署vue项目

vue项目打包

npm run build

新建一个用户

useradd 用户名
passwd 用户名

将生成的dist文件夹上传到新建的用户目录下

六、vue配置（重点）

在vite.config.js文件中配置server，配置跨域

server: {
      port: 3001,
      https: false,// https开启
      host: '0.0.0.0',// ip
      target: 'node',
      httpOnly: false,
      open: true,// 是否自动在浏览器中打开
      proxy: {// 跨域代理
        '/apis': {
          target: 'http://被代理地址', // 
          changeOrigin: true,
          httpOnly: false,
          rewrite: (path) => path.replace(/^\/apis/, '') //替换apis字段 也可以是其他字段
        } 
      }
    }

七、Nginx配置（重点）

修改/etc/nginx/nginx.conf文件

server {
        listen       80;
        index index.html;

        location / {
        index index.html;
        # vue项目的打包后的dist
        alias /home/user/dist/;
        }

        # 服务器代理实现跨域
        location /apis/ {
        # 将/apis/开头的url转向该域名
        proxy_pass http://localhost:8080/;
        }

}