栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

将vue项目部署到nginx

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将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命令启动,即可。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/884700.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号