请选择 进入手机版 | 继续访问电脑版

阿里云服务器(Centos 7)上部署自己在Windows下开发的Vue项目(Docker版,

[复制链接]
黎平 发表于 2020-12-31 20:24:14 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、安装Docker

Docker要求CentOS系统的内核版本高于3.10(一般情况下你买的阿里云都是支持的哈),来验证你的CentOS版本是否支持 Docker 。

  • 通过 uname -r 下令查看你当前的内核版本
  1. $ uname -r
复制代码

  • 使用root权限登录Centos。确保yum包更新到最新。
  1. $ yum update
复制代码

  • 卸载旧版本(如果安装过旧版本的话,没有请省略)
  1. $ yum remove docker  docker-common docker-selinux docker-engine
复制代码

  • 安装需要的软件包, yum-util 提供yum-config-manager功能,另外两个是devicemapper驱动依赖的
  1. $ yum install -y yum-utils device-mapper-persistent-data lvm2
复制代码

  • 设置yum源
  1. $ yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
复制代码

  • 可以查看所有堆栈中所有docker版本,并选择特定版本安装
  1. $ yum list docker-ce --showduplicates | sort -r
复制代码

  • 安装docker
  1. $ yum install docker-ce
复制代码

  • 启动并参加开机启动
  1. $ systemctl start docker$ systemctl enable docker
复制代码

  • 验证安装是否乐成(有client和service两部分表现docker安装启动都乐成了)
  1. $ docker version
复制代码

至此Docker准备工作完成
二、创建一个新容器并启动nginx服务器

  1. $ docker run --name zzz-nginx -itd --restart always -p 9110:80 -v /root/test/zzz-nginx/dist:/usr/share/nginx/html nginx
复制代码
下令表明说明:



  • docker run: 启动一个docker容器。
  • --name: 为这个容器取一个名字,好比此处取的名字是zzz-nginx
  • -p: 端口映射,毗连服务器的9110端口(端口你随便起,喜欢哪四个数就用哪四个数哈,1234 2234你喜欢就好)与容器的80端口,这样就可以或许通过"服务器ip:9000"直接访问容器了。
  • --restart always: 这个设置选项可以或许在容器在意外瓦解后再次启动起来,用来防止周末被老板叫归去加班,发起加上。
  • -v: 路径挂载。将容器外部的路径与容器内部的路径给“毗连”在一起。好比,这里的/root/test/zw-nginx/dist就是容器外部(也就是服务器里的)路径,而/usr/share/nginx/html就是进入容器后,容器里的路径。以后这两个被绑定在一起的路径就是亲兄弟了,一起吃肉,一起喝酒,所有文件都共享。若原路径不存在则会被docker自动创建。
这条下令运行之后,我们就创建了一个拥有nginx的docker容器了!!!
我们可以通过以下下令查看一下,我们的容器是不是乐成创好了。
  1. $ docker ps
复制代码
这个下令我们可以或许查看到各个容器的ID、名字、端口映射等信息。

可见我们的zzz-nginx容器已经创好了
如果需要查看所有容器,不管是否正在运行,则加上-a即可:
  1. $ docker ps -a
复制代码
我们可以再看看刚才的路径挂载信息:
  1. $ docker inspect zzz-nginx(你的容器名) | grep Mounts -A 20
复制代码

说明已经乐成举行路径挂载了。
三、使用SFTP工具将Vue打包好的代码传入服务器

本文以WinSCP这个软件为例:

直接将我们的vue项目在windows下npm run build打包,会生成一个dist文件夹,再将dist文件夹内里的内容,直接拖到阿里云服务器的刚刚设置挂载的路径下即可

四、进入docker修改设置文件以获取后台api


  • 进入docker的下令
  1. $ docker exec -it zzz-nginx(你的容器名) /bin/bash
复制代码

2. 进入docker之后,进入如下路径
  1. $ cd /etc/nginx/conf.d/
复制代码

这个default.conf就是我们要修改的设置文件,但是!!!docker里没有自带vi和vim,我们需要自行安装………………
  1. $ apt-get update$ apt-get install vim
复制代码
然后才可以用vim打开这个default.conf文件
  1. $ vim default.conf
复制代码

把框红框的部分的api的url改成你自己项目的后端接口url就可以了!!!
前提是你的前端是

这样式儿的哈,因为谁人location /api的意思是匹配所有以/api 开头的所在。
五、打开您的网站吧!

http://阿里云服务器IP:9110(您刚刚设置的您喜欢的端标语)

参考资料:

https://www.cnblogs.com/yufeng218/p/8370670.html 感谢风止雨歇作者
https://mp.weixin.qq.com/s?__biz=MzI1MzYxMzM3Mg==&mid=2247483710&idx=1&sn=300a51b2963e884cbf5862b75edada2d&chksm=e9d0856ddea70c7bb5c7bff890fb7b19c9708eee7dc22144416db4dec82b9f9cbd1290a77c78&token=463138875&lang=zh_CN#rd 感谢401英俊的丰丰!

来源:https://blog.csdn.net/qq_32755875/article/details/111992851
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )