【Mac】前后端分离项目(springboot + vue)用nginx部署
步骤
-
npm run build 把项目打包到dist目录下。新建vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
publicPath:'/',
devServer:{
port:8082,
}
}) -
安装nginx 我是直接在官网上下载的,但是缺少一个rewrite的module,就不能做重定向。可以用brew install nginx完成。自己下的包之后,还需要运行configure脚本,makefile,去安装到/usr/local目录下。
-
接着做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;
}
} -
接着去打包后端项目,mvn clean package -Dmaven.skip.test=true。去target 里把jar包复制。用java -jar jar_file 启动项目即可。
前端项目这么部署我是第一次弄,甚至为了一个sb的不是错误的错误困扰很久,不过现在回了。感觉应对面试没问题了