最近在上线一个项目vue+flask。踩了很多坑,在这里特意写一篇总结文章希望对大家有帮助,也帮我自己总结下过程。
1.需要先购买一台远程服务器(阿里云、腾讯云都可以)
在使用该远程服务器时,直接建立实例
创建实例就可以了,
要在密码/密钥里面重置你的密码,因为你一开始说没有设置密码的。
大家要记住密码。
2.连接该远程服务器
如果是Windows电脑直接打开终端,输入mstsc就可以开始连接了,
这里大家输入直接的公有ip连接就可以了。
3.传送文件
网上很多传送文件的方法,什么xshell,xftp我都试过了,我认为直接在windows上 默认传输直接拖拽到远程服务器上最方便。
前提是,你在连接时默认可以将本地文件共享到远程连接上。
4.搭建环境
大家项目的环境肯定都不太一样,我的是vue前端加上flask后端的项目,所有先下载vscode,pycharm等等,但其实也可以从本地电脑上面粘贴过来,之后就是把整个项目跑起来
记住,大家如果是vue,react项目记得要打包好。打包的意思大概就是将你的项目进行压缩这样才好在远程服务器上面运行,如果大家有数据库等,而且还不止一种数据库,记得在远程服务器上面依然需要下载数据库,并且将该数据导入到数据库中。
新手角度看问题:(我用的是flask框架。)
问题一:编写好flask代码在服务器跑成功却访问不了就如图:
解决方法:
确保flask代码在服务器中运行成功,出现如下界面:
代码中需要写成
app.run(host=’0.0.0.0’,port = 端口号)
这样跑出来的是服务器私有ip的网址。
还有一个问题就是,大家的项目都不一样,不要照着我的来,要适当更改一下。端口号:flask一般是在5000端口如果大家之前该过
pycharm下面控制台是可以查看的。
5.搭建web服务器(最重要的一步)
大家可能也好奇,为什么都在远程服务器上了,还要搭建web服务器,这个问题牵扯到了http协议,以及上传时的问题,我就不讲太多。大家可以去查一下,我这里用的是nginx,大家用Apache
也一样,这里nginx的使用我就不讲太多,大概就是将你打包好的文件粘贴到html文件夹里,记得里面原来的那些文件要删掉。然后再终端里面输入http-server指令(切记切记,要在html目录下面进行操作)按下回车就开启访问服务了。
6.将后端服务开启
开启flask,连接到了后,就可以在其它服务器上面联网访问了。记住一定要将你的vue项目里面的访问flask的端口号改成的公有ip就可以开始重新打包一遍。
最后大家通过公有IP加上端口号,一般是8080(例如:123.145.678.90:8080)就可以开始访问了
我的以已经成功了!