Linux Jenkins部署并运行前端nuxtJs项目

Jenkins部署与插件下载

1.插件下载

2.全局工具配置

3.新建项目

新建项目选址自由风格的软件项目

4.配置

shell脚本

cd /var/lib/jenkins/workspace/XXX
node -v
cnpm -v
cnpm install
cnpm run generate
cd dist
rm -rf XXX.tar.gz
tar -zcvf XXX.tar.gz *
cp XXX.tar.gz /home/java/webapps/XXXX/dist
cd /home/java/webapps/XXX/dist/
tar -zxvf zh-web-view.tar.gz

5.Nginx配置

#前端访问路径配置
location ^~ /dist {
            root /home/java/webapps/XXX;
            try_files $uri $uri/ /index.html;
        }
#后台接口访问配置
location /api
        {
            proxy_pass http://localhost:8080/api;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

6.nuxt.config.js配置文件配置

  router: {
    base: '/dist/', ##这里跟Nginx访问配置有关联
    mode: 'history',
    fallback: true
  }

7.完成

配置到这里就结束了，然后点击立即构建项目即可访问！！！