前后端应用部署云服务器

后端应用

1.新建一个简单的springboot应用

打包方式为jar包

 直接用maven的package命令 

即可在target目录中查看到jar包

用xftp 将jar包上传到服务器

然后在项目的包目录下运行java -jar + jar包名

然后在主机访问云服务器的ip端口下的应用 

前端应用

1.将前端应用打包

执行npm run build命令生成dist目录

2.将dist目录发送到云服务器上，然后修改nginx的配置文件

vi /usr/local/nginx/conf/nginx.conf

# 修改如下
# 新建一个服务
server {
  # 声明监听的端口
  listen 80;
  # 如有多域名映射到同一端口的，可以用server_name 区分，默认localhost
  server_name localhost;

  # 匹配'/'开头的路径 注意设定 root路径是有dist的
  location / {
    # 指定文件的根目录，主要结尾不要带/，这个dist文件可以随便放，但是不要放在/root目录下
    root    /usr/local/dist;
    # 指定默认跳转页面尾 /index.html
    index /index.html;
  }

  # 匹配'/adminApi'开头的路径进行跨域 ip和port自行替换
  # adminApi 是vue.config.js中的proxy声明的
  location /adminApi {
    proxy_pass http://ip:port;
  }

}

 这个dist目录可以随便放，但是不要放在/root目录下，否者会报403错误。

# 进入nginx 安装目录，yum安装的直接使用nginx代替sbin/nginx
# 检查配置文件合法性 
sbin/nginx -t
# nginx 热更新配置
sbin/nginx -s reload

3.测试访问