位置: IT常识 - 正文

Vue项目部署(Nginx)(vue项目部署到服务器上,页面空白)

编辑:rootadmin
Vue项目部署(Nginx) 本文记录如何将做好的Vue项目部署到服务器上,需要准备:linux系统的服务器或者虚拟机Vue项目打包Nginx服务器的配置和部署1、linux系统准备

推荐整理分享Vue项目部署(Nginx)(vue项目部署到服务器上,页面空白),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目部署到服务器上,页面空白,vue项目部署到服务器上,页面空白,vue项目部署到服务器,vue项目部署需要node吗,vue项目部署到服务器上,页面空白,vue项目部署到linux服务器,vue项目部署到服务器上,页面空白,vue项目部署到服务器上,页面空白,内容如对您有帮助,希望把文章链接给更多的朋友!

本次使用云主机作为部署主机。

 2、Vue项目打包

切换到项目所在目录,使用 npm run build 命令完成项目打包,会生成一个dist文件夹

 编译后生成的dist文件夹:

3、Nginx服务器部署(1) 安装编译器及依赖的库yum -y install make zlib zlib-devel gcc gcc-c++ libtool openssl openssl-devel pcre pcre-devel

(2)下载Nginx并解压cd /usr/local && wget http://nginx.org/download/nginx-1.21.6.tar.gz && tar zxvf nginx-1.21.6.tar.gz(3)安装NginxVue项目部署(Nginx)(vue项目部署到服务器上,页面空白)

make && make install #执行目录中的makefile文件 (4)验证安装版本

(5)指定配置文件启动及停止操作

指定配置文件启动:

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

停止Nginx服务:

/usr/local/nginx/sbin/nginx -s stop(6)创建网站根目录并放入vue项目

这里在创建好网站根目录后,把第2步中打包的vue项目放到该目录下 

(7)配置Nginx服务Nginx配置文件:/usr/local/nginx/conf/nginx.conf

在配置文件中,需要修改:

location下的root到自己的网站根目录,在这里我设定的是 /www/html/distserver_name:该属性用于定义服务器的访问ip,默认是localhost就代表仅可本地访问,如果服务器有自己对应的外网ip,修改为自己的外网ip即可。(这里我对应的是云主机的ip) 

完成以上配置后,重启Nginx服务,并完善防火墙相关配置。

 

4、访问对应页面  
本文链接地址:https://www.jiuchutong.com/zhishi/293058.html 转载请保留说明!

上一篇:北方针叶林中的欧洲棕熊幼崽,芬兰 (© Jules Cox/Minden Pictures)(北方针叶林的特征有哪些?)

下一篇:前端:vscode中使用npm安装依赖并运行项目(vscode怎么运行前端)

  • 增值税专用发票几个点
  • 普票开错了几个月可以重新开
  • 当前企业不存在是怎么回事
  • 程序法和实体法的划分标准
  • 无形资产日常维护支出会计处理
  • 企业的日常经营活动主要包括哪三个经营过程
  • 兼营行为的税务处理办法
  • 外购自用需要缴纳增值税吗
  • 外汇结款怎么办理
  • 企业对于无法收回的应收账款
  • 别人开业送的花怎么说
  • 应收应付明细表模板图片
  • 公司股东法人变更流程
  • 机票行业一定要开发票吗?
  • 什么叫记载资金的账簿
  • 广告公司可以开服务费吗
  • 白酒五行属火还是水
  • 土地的增值税进项能否抵扣
  • 金融企业贷款利息收入确认
  • 免税行业企业
  • 税务变更后之前的进项
  • 公司账外废品收入怎么算
  • 主机 bios
  • 调整上年度多计提的附加税
  • PHP:Memcached::replaceByKey()的用法_Memcached类
  • PHP:stream_context_set_option()的用法_Stream函数
  • Mtdacq.exe - Mtdacq是什么进程 有什么用
  • 库存股属于什么项目
  • 债务重组 收益
  • php read
  • php chr
  • laravel入门与实战
  • 外币交易汇兑损益包括
  • css加载是异步的吗
  • 第三方代收的款项是什么意思
  • 减免增值税附加税也一起减免吗
  • 论文 导论
  • php 微信公众号自定义菜单
  • phpcms怎么用
  • php网站用什么软件修改
  • 公司买汽车计入什么费用
  • 一般纳税人只有进项怎么报税
  • 畜牧业科技公司
  • 帝国cms真的很好用
  • java中同步有两种方法
  • phpcms api
  • 质量扣款应收账款怎么算
  • 异地工程税
  • 原始凭证可以外带吗
  • 社会团体要求
  • 子公司和分公司的区别
  • 没有实收资本可以转让吗
  • 如何降低应收账款成本
  • 登记会计账簿的基本要求
  • 多交增值税退税抵欠怎么处理
  • 高速公路过路费可以抵扣进项税吗
  • 借方和贷方是什么意思 现金日记账
  • 退休人员基本养老金包括哪些
  • 金融存款利率
  • 非房产企业出售土地,能否计算抵减地价款
  • 新成立公司季初资产总额是填1
  • 其他债权投资计提损失准备会引起资产总额增加吗
  • 工业企业固定资产投资
  • sqlserver中delete、update中使用表别名和oracle的区别
  • sql server中事务有哪三种语句
  • sql提取指定字符串
  • win10怎么设置pdf默认打开方式是wps
  • ubuntu系统如何切换中文
  • mac系统指令集
  • linux安装wine命令
  • linux rsyslogd
  • win7升级win10系统版本软件还有吗
  • grub4dos linux
  • android基于什么语言
  • opengl消隐
  • 透明十六进制
  • jquery实现回到顶部
  • 安卓手机更新时间
  • python提取xml的值
  • JavaScript中的方法名不区分大小写
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设