SpringBoot+Vue+Nginx+ssl 前后端分离项目部署

最新推荐文章于 2025-01-09 11:39:19 发布

原创

最新推荐文章于 2025-01-09 11:39:19 发布 · 1.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #https #java

SpringBoot+Vue+Nginx+ssl 前后端分离项目部署

部署所需

将项目部署在Linux上，需要这些东西

域名： 在腾讯云购买的域名，并且在域名解析中添加二级域名作为API的域名，域名可以不需要没有；
SSL证书： 在腾讯云可免费申请，分别为购买的域名和解析的二级域名申请SSL证书，没购买域名也可以不需要；
Nginx： 安装教程详情见百度~；
JDK： 同上；

部署Vue项目

打包： 开发工具中打开命令行执行

npm run build

部署： 打包后会在项目中生成dist文件夹，将文件夹中所有的文件拷贝到Nginx安装目录的 /html 文件夹下
安装SSL证书： 腾讯云申请证书后，下载，将Nginx文件夹下的两个文件拷贝到Nginx安装目录下的 /conf 文件夹下
配置SSL： 编辑 /conf 文件夹下的 nginx.conf 文件

server {
   
   
    listen       443 ssl;
    #域名或者localhost
    server_name  www.xxxxx.cn;
    root   /usr/local/webserver/nginx/html;
    index  index.html index.htm;
    #以下两个为证书文件
    ssl_certificate 1_www.xxxxx.cn_bundle.crt;
    ssl_certificate_key 2_www.xxxxx.cn.key;
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
    ssl_prefer_server_ciphers on;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
   
   
        index  index.html index.htm;