将vue项目部署到nginx

1.将vue项目进行打包

npm run build,生成dist文件夹

2.下载nginx,可取nginx官网进行下载

nginx news

3.将dist文件夹拷贝到nginx文件下的html文件夹里面

4.修改nginx.config

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

try_files 是用来解决vue项目在nginx部署,刷新404的问题(因为文件路径并非真实存在的,需要重定向到页面里)

5.执行start nginx命令启动,即可。

你可能感兴趣的:(vue.js,nginx,前端)