1.环境:首先在你的服务器或者虚拟机中先将环境装好,jdk是必须的,nginx作为代理转发地址的web服务器也少不了。
2.前端:vue中将dev中可以配置测试环境的跨域,当然你要上线,这些东西都用不到,注掉就行了。
build部分保持原样
用npm run build 打包生成dist文件,在nginx目录底下建一个文件夹,也可以不建直接把dist文件夹拷进来,到时只要你配的root路径对了就行。
打开conf
vim conf/nginx.conf
配置dist的路径
location / {
root /usr/local/nginx/vue/dist;
index index.html index.htm;
}
处理跨域的,不处理的话访问后端的路径会请求Options,然鹅你的后端如果做了权限拦截,却没与配置跨域的话,百分之百是要报403的.这个今天折磨我挺久的,真的小白。
location /api/ {
proxy_pass 你服务器的ip+端口(后端服务的端口); # 将地址代理到api上
}
配置完成记得启动nginx :命令./nginx
以及记得每次修改过重启nginx :命令 ./nginx -s reload
3.后端:把你的springBoot,clean,install打成jar包,放到服务器上,执行
nohup java -jar 包名.jar启动后端服务大功告成
然后就可以访问服务ip:80 就ok啦,80是nginx,也可以配置成其他的,当然你要保证你的服务器端口是对外开放的才能访问到