vue项目打包部署到ngnix

环境:
OS:Centos 7
vue版本:3.0

 

1.打包
npm run build

 

2.这个时候会生成一个dist目录
C:\Users\Administrator\PycharmProjects\myvue02\dist

 

 

3.将dist文件夹上传到ngnix中的html目录中
/usr/share/nginx/html

[root@dsc1 html]# ls
404.html 50x.html a.png dist en-US icons img index.html nginx-logo.png poweredby.png
[root@dsc1 html]# cd dist
[root@dsc1 dist]# ls
index.html static

 

4.修改配置文件
/etc/nginx/nginx.conf

          location / {
              root   html/dist/;
              index  index.html,index.htm;
              try_files $uri $uri/ /index.html;
          }

 

5.重启或是reload
systemctl stop nginx
systemctl start nginx
systemctl status nginx

 

6.浏览器访问

http://192.168.1.102/myvue#/myvue