首先打包生成dist，使用以下命令
yarn build
把dist目录下的文件拷贝到ubuntu服务器上，这一步自定义目录。推荐使用XFTP8来管理文件，可视化操作方便快捷。
在服务器上安装nginx,使用以下命令：
apt install nginx
安装好后，启动nginx,使用以下命令：
sudo systemctl start nginx
在目录/etc/nginx/sites-enabled/下新建一个以.conf结尾的nginx配置文件。
这一步也可以通过XFTP8来操作。
文件内容大致如下：
server {
listen 8079;#监听端口
listen [::]:8079;#同上
server_name 192.168.242.129;#你自己的ip或者域名
location /systemAudit {
# 这里是vue打包文件dist内的文件的存放路径
alias /home/cmn/systemMsgWeb;
index index.html index.htm;
try_files $uri $uri/ index.html;
}
#下面是后端api接口代理
location /api/systems_msg {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 后台接口地址代理
proxy_pass http://192.168.242.129:5091;
proxy_redirect default;
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}
}重新加载配置项：
sudo systemctl reload nginx
验证是否可以正常访问，浏览器输入
http://192.168.242.129:8079/
我配置的是监听8079，这里输入自己配置的IP与端口，可以正常打开访问即是成功了。
至此，完成收工。