本地项目上线流程

以下是自己一个项目的本地上传至线上的总结

新建服务器实例

首先,你需要在各大云服务器平台选购一台合适的服务器

这里我选用的是阿里云(window2008 server版)

为什么系统选2008而不是2012版?

因为2008相对于2012占用的资源较少,当然如果你服务器配置高的话,就不用担心了

关闭服务器实例后,在服务器选项更多中选择更换系统 

 配置服务器账号密码并等待安装系统

启动服务器

点击启动实例

服务器控制台提供了远程连接实例功能,但是是介于网页版,部分功能及操作还不够全面,所以我们移步到自己电脑自带的远程桌面连接,并记住公网ip地址,用户名及开机密码

 输入ip,用户名,密码点击连接

 配置服务器

开机后,就可以直接开始配置node,Java,Nginx之类的了

简述一下Nginx(node在https://blog.csdn.net/time_____/article/details/84565042有介绍)

下载安装Nginx最新版

在目录nginx-1.15.8\conf\下找到nginx.conf文件,用编辑器打开,为自己的项目添加代理(这里我用的是Vue,端口号2048,root是Nginx主目录下一级文件名,index是vue文件夹下的入口页面)

本地项目打包上线

其实这个过程就是把本地请求的url改成服务器私有ip地址

 

 这里有一个服务器需要配置安全组,目的是为了开放接口以供调用,否则刚才配置的2048端口号无法访问

之后将本地项目baseurl修改为服务器私有ip地址

之后使用npm run build将项目打包在build文件夹中生成了打包后文件

复制文件夹到Nginx主目录下命名为vue

后端上线

与前端同理

将项目上传至服务器后运行(这里我是nodejs,所以切换到项目目录下运行node server)

在Nginx主目录下打开cmd运行start nginx,即可打开Nginx服务器

线上访问

最后在我们浏览器中访问服务器的ip加地址

最后,我们的项目就上传完毕 

  • 12
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿宇的编程之旅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值