vue项目与后台的测试接口上线流程

一、打包命令

打包后会生成dist文件

   终端： npm run build 

二、购买服务

推荐使用阿里云服务器试用版

1）如果你可以抢到免费的就选择它

2）如果抢不到第一次，可以买一个9元的云服务器使用一下

三、远程连接服务器

3.1 先重置一下电脑的登录密码

用户名：administrator 密码：********

3.2 连接远程电脑

window的话，搜索：“远程连接电脑”

1）输入你的ip地址 2）输入你的用户名 3）输入你的密码 就登录进去了

四、在远程电脑中安装node环境

正常安装即可

六 在阿里云远程电脑中安装ftp

具体流程：www.freesion.com/article/550…

1） 跟图一直即可

2）跟图一直即可

3）跟图一直即可

4）配置账号信息

5）闪电图标和服务器菜单选中激活

6）去阿里云后台配置

七、下载FileZilla客户端在本地电脑上

用户名：root，密码：**，主机ip：sftp://****

1）跟图一直即可

八、安装window的ftp服务器

具体流程：blog.csdn.net/xiexiangyan…

九、安装成功后把后台文件上传上去，并且下载项目需要的依赖

1）比如：node.js，就打开一个dos终端：node xx.js运行启动

node需要一个端口，比如是5000

2）跟图一直即可

3）这样网外就能访问了

九、把vue打包后的文件dist通过ftp软件上传到服务器

十、在阿里云服务器上安装Nginx服务

1） 下载地址：nginx.org/en/download…

2） 解压缩后，运行nginx.exe

3） 修改nginx端口号，我把端口修改成了9000

4） 打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx

如果有修改可以执行命令 nginx -s reload

5）检测是否启动

6）把vue打包后的dist文件复制到Nginx中 并且修改root对应的文件夹

十一、在阿里云服务器配置Nginx服务9000端口

测试成功

扩展内容（待更新）

1）SerureCRT/Xshell:Linux命令操作远程服务器

2）多个node.js项目如何配置

3）使用宝塔（简单好用的服务器运维面板）

4）配置数据库，并且nodejs从数据库中取出数据

5）配置Nginx复杂的知识点，（解决线上环境跨域问题，错误页面的配置）