位置: 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怎么运行前端)

  • 佳能打印机墨盒在哪里呢(佳能打印机墨盒堵塞怎么清理)

    佳能打印机墨盒在哪里呢(佳能打印机墨盒堵塞怎么清理)

  • opporeno7高清通话怎么关闭(opporeno7高清通话怎么设置)

    opporeno7高清通话怎么关闭(opporeno7高清通话怎么设置)

  • 京东如何查总消费(京东如何查消费账单)

    京东如何查总消费(京东如何查消费账单)

  • 苹果a13比a12强多少(苹果a13对比)

    苹果a13比a12强多少(苹果a13对比)

  • 快手主页的联系电话怎么设置(快手主页的联系电话直接拨打)

    快手主页的联系电话怎么设置(快手主页的联系电话直接拨打)

  • 京东多少天自动收货(京东多少天自动退货)

    京东多少天自动收货(京东多少天自动退货)

  • mgak2ch/a是什么型号(mgak2j/a是什么型号)

    mgak2ch/a是什么型号(mgak2j/a是什么型号)

  • 腾讯课堂没签到能补吗?(腾讯课堂没签到有记录吗)

    腾讯课堂没签到能补吗?(腾讯课堂没签到有记录吗)

  • 蓝牙为什么连接不上(蓝牙为什么连接失败)

    蓝牙为什么连接不上(蓝牙为什么连接失败)

  • vivo x9plus上市时间(vivo x9 plus是哪年生产的)

    vivo x9plus上市时间(vivo x9 plus是哪年生产的)

  • usb fdd什么意思(usbfdd是什么意思啊)

    usb fdd什么意思(usbfdd是什么意思啊)

  • win7系统漏洞需要修复吗(win72020年漏洞有必要修复吗)

    win7系统漏洞需要修复吗(win72020年漏洞有必要修复吗)

  • 全民k歌屏幕录制怎么没有声音(全民k歌屏幕录制在哪里设置)

    全民k歌屏幕录制怎么没有声音(全民k歌屏幕录制在哪里设置)

  • 飞猪是哪个公司旗下的(飞猪是谁家的)

    飞猪是哪个公司旗下的(飞猪是谁家的)

  • 秀美图为什么打不开(美图秀秀为什么打不了字)

    秀美图为什么打不开(美图秀秀为什么打不了字)

  • 很多手机放在一起会不会有影响(很多手机放在一起会不会耗电)

    很多手机放在一起会不会有影响(很多手机放在一起会不会耗电)

  • 怎么删除小视频记录(视频删除了怎么找回)

    怎么删除小视频记录(视频删除了怎么找回)

  • 网易云id可以改吗(网易云id改频繁了改不了了怎么办)

    网易云id可以改吗(网易云id改频繁了改不了了怎么办)

  • 怎么同步qq聊天记录(qq怎样同步聊天记录)

    怎么同步qq聊天记录(qq怎样同步聊天记录)

  • ipad恢复出厂设置后id还在吗(ipad恢复出厂设置后还能恢复数据吗)

    ipad恢复出厂设置后id还在吗(ipad恢复出厂设置后还能恢复数据吗)

  • word怎么把页眉删掉(word怎么删除)

    word怎么把页眉删掉(word怎么删除)

  • ipada1822是什么机型(ipada1822是哪一款)

    ipada1822是什么机型(ipada1822是哪一款)

  • excel如何两行互换(excel两行互换怎么操作)

    excel如何两行互换(excel两行互换怎么操作)

  • ios13发热严重(ios13.3发热严重)

    ios13发热严重(ios13.3发热严重)

  • 华为p20息屏时间怎么设置(p20灭屏时间设置)

    华为p20息屏时间怎么设置(p20灭屏时间设置)

  • 大数据平台是什么(大数据平台是什么岗位)

    大数据平台是什么(大数据平台是什么岗位)

  • 手把手带你调参Yolo v5(一)(调参数是什么意思)

    手把手带你调参Yolo v5(一)(调参数是什么意思)

  • 退税是什么科目的
  • 缴纳附加税会计科目怎么做
  • 结转本年利润要扣除企业所得税吗
  • 员工辞退补偿金需要交个税吗
  • 土地出让价款
  • 多余的实收资本可以转到其他应付款吗
  • 结转本月收入类账户到本年利润会计分录
  • 长期股权投资减值准备可以转回吗
  • 办公楼贷款比例
  • 购置股权账务处理流程
  • 2020年税收分类编码定义查询
  • 罚息 增值税
  • 用于非增值税应交税费
  • 注册公司税号怎么办理
  • 营改增后二手固定资产折旧纳税调整怎么做账?
  • 费用转入本年利润
  • 差额银行承兑汇票
  • win 11 无法安装
  • 定额发票可以抵进项税吗
  • rtx3090 rtx titan
  • 电脑开机无法启动怎么解决
  • microsoft word安装
  • 库乐队是苹果自带的嘛
  • 盈利结转利润
  • 怎么查上市公司
  • 路由器重启以后wifi不见了
  • 个体户不建账怎样处罚
  • yolov2训练
  • vuescan怎么安装
  • bootstrap-
  • 公司注册认缴的期限一般是多少
  • java后端代码例子
  • 一般纳税人没有开票怎么申报增值税
  • 公司进项抵税
  • 普通发票网络服务系统
  • 年会服装费属于什么费用
  • 收到的存款利息
  • 损益类科目主要有
  • 一年的房租费摊销的账务处理
  • 股东滥用股东权利
  • 或有资产怎么处理
  • 本月还未抄报,请抄报完成之后再申报
  • 衍生工具什么意思
  • 政府补助会计处理方法由总额法变为净额法
  • 固定资产到期出售 合同
  • 打官司收到对方的款,如何做账
  • 内账税费计入什么科目
  • 公司发放员工工资不走账
  • 会计凭证的摘要 报销 保险费用
  • mysql5.7.19下载
  • sql sever使用教程
  • session几种存储方式
  • windowsserver2016安装完成后怎么是命令模式
  • 安装win7旗舰版鼠标无法使用
  • centos opencl
  • googletoolbarnotifier.exe是什么进程?GoogleToolbarNotifier怎么关闭?
  • winrecon.exe - winrecon是什么进程
  • linux防火墙放行
  • 怎么把硬盘安装到电脑上
  • centos zsh
  • Win7防火墙怎么设置
  • win10时间不见了怎么办
  • Win7系统打开文件夹没有自动排列选项
  • java跟python哪个好
  • perl实例
  • label jsp
  • js有多重模块定义方式
  • node爬取数据
  • 简单的设计模式
  • js实现字符串和数字对齐
  • 4种JavaScript实现简单tab选项卡切换的方法
  • python安装包的命令
  • 湖南国家税务局网上电子税务局官网
  • 重庆税务电子税务
  • 电子税务局怎么删除办税员
  • 武汉市国家税务总局第二稽查局
  • 电子税务局申领的发票怎么读入
  • 小规模纳税人企业所得税怎么征收
  • 代售门票业务税务处理
  • 车辆购置税完税证明怎么查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设