Vue+Springboot项目在linux下的部署_springboot+vue项目linux部署

1.服务端项目：修改Mysql、端口等相关配置，因为springboot有内置tomcat所以不用配置Tomcat。
2.服务端项目打包：mvn clean package
3.通过RZ命令或者xftp将打包好的jar包上传到你想上传的文件夹下。
4.启动server端。java -jar your.jar
5.client端，配置build.js设置当前环境为生产环境。
6.设置代理，在config下的index.js下设置proxTable。（如果跨域需要设置）

proxyTable: {
      '/api': {
        target: 'http://81.69.196.34:8888/', //源地址
        changeOrigin: true, //改变源
        pathRewrite: {
          '^/api':  'http://81.69.196.34:8888/' //路径重写
        }
      }

7.更改src/api/config.js设置的访问路径。
8.更改其他需要更改的访问路径。
9.npm run build打包
10.通过RZ命令将文件上传到你想上传的文件夹下。（记住这个文件夹）
11.你的服务器需要配置nginx。
12.在/usr/local/nginx/conf下修改nginx.conf文件。
13.修改第一行为你的用户名即 user xxx
14.修改http下的server中的内容
15. server {
        listen       80;//你要监听的端口
        server_name localhost;//你的服务器IP或域名

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /home/xxx/xxx;//前端项目的地址即打包后的dist文件夹的路径
            index  index.html index.htm;}
       location /api/{//对后端资源访问的跨域 你的可能不是api需要自己更改
            //alias 后面跟的是映射的文件夹，该文件夹下的文件就可以被访问了，开放后端资源
            alias /home/xxx;//你的资源路径
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://ip:port;//你的服务地址
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43