• 本地项目上线流程


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

    新建服务器实例

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

    这里我选用的是阿里云(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.8conf下找到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加地址

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

  • 相关阅读:
    前端大牛们都学过哪些东西?
    自适应网页设计
    CSS border实现三角形
    wampServer 设置
    javascript 基础
    Oracle 优化相关
    Java(数据类型)基础面试
    Java 反射机制
    【设计模式】——代理模式
    【设计模式】——单例模式
  • 原文地址:https://www.cnblogs.com/HelloWorld-Yu/p/12438919.html
Copyright © 2020-2023  润新知