【Mac】前后端分离项目（springboot + vue）用nginx部署

步骤

1. npm run build 把项目打包到dist目录下。新建vue.config.js
   const { defineConfig } = require('@vue/cli-service')
   module.exports = defineConfig({
   transpileDependencies: true,
   publicPath:'/',
   devServer:{
   port:8082,
   }
   })

2. 安装nginx 我是直接在官网上下载的，但是缺少一个rewrite的module，就不能做重定向。可以用brew install nginx完成。自己下的包之后，还需要运行configure脚本，makefile，去安装到/usr/local目录下。

3. 接着做nginx的配置。conf/nginx.conf 编辑 :%d清空文件内容
   核心代码
   user root admin; #这个地方要是root，否则nobody会有权限问题
   server {
   listen 80;
   server_name 192.168.17.11;

    #charset koi8-r;
    index index.html;
    #access_log  logs/host.access.log  main;
    root   /Users/jinwenxin/Desktop/projects/frontblog/dist; #这个文件夹权限要给到位 chmod 755 和 chown都要用上
   location / {
     try_files $uri $uri/ /index.html;
   

   }
   }

4. 接着去打包后端项目，mvn clean package -Dmaven.skip.test=true。去target 里把jar包复制。用java -jar jar_file 启动项目即可。

前端项目这么部署我是第一次弄，甚至为了一个sb的不是错误的错误困扰很久，不过现在回了。感觉应对面试没问题了