Spug部署Vue项目步骤

        第一步,配置项目端口号,要设置为服务器空闲的端口号,例如我此次项目使用的就是8005~8009之间的端口号。

        常见端口号配置一般在app.js里,一定要在项目中配置正确,端口号配置的正确与否决定着你的项目能不能被访问到,因为在打包以后不方便更改,Linux操作太繁琐(非常重要)!!!

        此处拓展一些知识!

        在项目中一般有三个地方有端口号,首先http.js中一般会有一个,webSocket中会有一个,开发环境选择中也会有一个端口号配置。注意,http.js中的端口是项目的访问端口,webSocket中的端口号是用于socket通信,开发环境中的端口号用于区分开发环境和测试环境。项目中每个ip和端口号都有不同的用处,一定要确保端口号配置成功!

        第二步,确保端口号配置成功以后,删除项目里的node_modules文件(此时的node_modules文件是在Windows里下载的,在Linux中并不适配,所以应该在Linux中重新下载,后续步骤会讲述),就可以把项目打包成压缩包了,注意压缩包内的文件命名,不能与Linux中的文件同名,否则会发生替换(重点)。

        第三步,打开Spug云服务器,找到Linux终端。一般项目会保存在/data/app文件夹下面,所以我们要做的就是让程序在后台一直运行就行了。

        具体步骤:

                进入终端以后

//第一步、进入文件夹
cd /

//第二步、进入app文件夹
cd /data/app

//第三步、把安装包拉入终端里

//第四步、解压缩安装包--注意此处的falie_name.zip是压缩包的完整名称包括后缀名!!!
unzip falie_name.zip

//第五步,进入项目的文件里面
cd falie_name

//第六步,对项目进行编译

npm install //这时候编译是在Linux环境下进行编译,确保不会产生不兼容问题或者是权限问题。

//第七步,运行项目

npm run serve //运行一下试一下程序有没有错误,要确保没有错误

//第八步,让程序一直在后台运行,即部署程序在服务器上

nohup npm run serve >ai-code-admin-client.log 2>&1 & exit //此处的ai-code-admin-client.log自己命名,要求不能重复,否则运行失败!运行成功以后就可以在浏览器里访问 公网ip:端口号 进行访问。

总结:个人认为服务器就是一个永不停歇运行的电脑,所有的应用都是文件和数据组成,部署应用的意思就是把应用的文件放进一个永不停歇的电脑中,这个电脑可以按照一定的路径访问。即用户访问的是服务器中的文件,例如用户访问的网址是http://127.0.0.1:8001,此时127.0.0.1访问的就是服务器,由于服务器的8001服务端口正在永不停歇的运行服务,所以当用户访问8001端口时会直接进入服务器正在运行的项目,从而达到网页部署的效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值