day90:luffy:基于vue+drf的路飞学城项目前端部署

概述目录 1.域名备案 2.域名解析 3.设置安全组 4.部署架构图 5.一些准备工作 6.docker 7.把前端项目通过nginx容器来运行 后端部署传送门:基于vueʽrf的路飞学城项目后端部署 目录

1.域名备案

2.域名解析

3.设置安全组

4.部署架构图

5.一些准备工作

6.docker

7.把前端项目通过nginx容器来运行

后端部署传送门:基于vue+drf的路飞学城项目后端部署

1.域名备案

腾讯云先要进行域名实名认证，实名认证三天后才可以进行域名备案。。。

2.域名解析

前端:www.libolun.design

后端:API.libolun.design

3.设置安全组

如图所示,设置3306 6379 8080等端口

4.部署架构图

为什么前端要使用Nginx,而不是直接使用npm run dev呢?

答：因为npm run dev使用的是内置的socket运行起来的项目，并不能实现并发的效果，而Nginx做并发是非常好的

5.一些准备工作1.将前端项目打包

1.将项目打包并上传到码云上

cd luffy/lycitynpm run buildgit add .git commit -m 'finished 1.0'git push origin master

注意：上传码云时，要将.gitignore中的/dist/删除掉,让/dist/能够上传到码云上

 

2.准备工作

1.更新ubuntu的apt源索引

sudo apt-get update

2.安装包允许apt通过httpS使用仓库

sudo dpkg --configure -asudo apt-get install apt-transport-https ca-certificates curl software-propertIEs-common

3.添加Docker官方GPG key【这个是国外服务器地址，所以网路不好的时候，会失败！在网路好的情况下，多执行几次就没问题了】

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

4.设置Docker稳定版仓库

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

5.添加仓库后，更新apt源索引

sudo apt-get update

6.前面的准备工作完成以后，接下来安装最新版Docker CE（社区版）

sudo apt-get install docker-ce

7.检查Docker CE是否安装正确

sudo docker run hello-world

3.两个BUG

1.docker version 出现denIEd 问题

sudo gpasswd -a $XXX docker   #检测当前用户是否已经在docker用户组中，其中XXX为用户名，例如我的，liangllsudo gpasswd -a $USER docker  将当前用户添加至docker用户组newgrp docker  

2.解决docker pull Nginx 下载速度慢问题

sudo mkdir -p /etc/dockersudo tee /etc/docker/daemon.Json <<-'EOF'{  registry-mirrors": [https://gziwmbaz.mirror.aliyuncs.com"]}EOFsudo systemctl daemon-reloadsudo systemctl restart docker

6.docker1.通用命令

docker version  查看docker版本

 启动dockersudo service docker start 停止dockersudo service docker stop 重启dockersudo service docker restart

2.镜像 *** 作[image]1.列出所有镜像

docker image ls 上面的命令时省略了 --alldocker image ls --all

2.拉取镜像

如果不指定版本号，默认拉取最新版本的镜像

docker image pull <镜像名称:版本号>

3.删除镜像

删除的时候，必须注意是否有容器在运行当前镜像文件，如果在使用，则需要先删除容器，才能删除镜像

docker image rm <镜像名称/镜像ID>

4.将docker中的镜像打包成文件

用于分享发送给他人，或备份

docker save -o <文件名.tar.gz>  <镜像名>

5.将镜像文件加载到docker中

docker load -i <文件名.tar>

3.容器 *** 作[container]1.创建容器

必须先有镜像，才能运行创建容器，需要指定使用的镜像名，并且设置创建容器以后，执行对应的第一条命令

docker run <参数选项>  <镜像名称> <命令>

例如：使用"hello-world"镜像，创建一个容器，但没有进行任何 *** 作

docker run hello-world

例如：使用ubuntu镜像，名字为ubuntu1

docker pull ubuntu:18.04   拉取ubuntu18.04镜像docker run -it --@R_404_6889@=ubuntu1 ubuntu:18.04 bash

注意：必须启动的时候，让容器运行bash解析器，才能在接下来的 *** 作让容器不会立刻关闭，而且也能够让我们可以输入linux终端命令，.

如果我们一般创建一个容器不需要进入到这个容器里面，参数选项都是： -itd

2.docker run的参数选项

-t 表示容器启动后会进入其命令行终端

-i 表示以“交互模式”运行容器

-d 创建一个守护式容器在后台运行(这样创建容器后不会自动登录容器，如果只加-i -t 两个参数，创建后就会自动进去容器)

3.列出所有容器

docker container ls                       所有正在启动运行的容器docker container ls --all                 所有容器[不管是否在启动运行中]

4.启动容器

可以同时启动多个容器，容器之间使用空格隔开

 启动一个容器docker container start <容器名称/容器ID> 启动多个容器docker container start <容器名称/容器ID>  <容器名称/容器ID> <容器名称/容器ID>

5.停止容器

docker container stop <容器名称/容器ID>

6.杀死容器

在容器无法停止的时使用

docker container kill <容器名称/容器ID>

7.进入容器

要进入容器，必须当前容器是启动状态的

docker container exec -it <容器名称/容器ID>  <第一个命令>

8.删除容器

docker container rm <容器名称/容器ID>

9.将容器保存成镜像

docker commit <容器名称/容器ID>  <新镜像名>

10.扩展

使用docker命令需要管理员权限，如果希望每次输入docker相关命令时，不用sudo，可通过以下命令进行设置

sudo usermod -a -G docker $USERsudo service docker restartnewgrp - docker

7.把前端项目通过Nginx容器来运行

1.将代码克隆到服务器本机上(49.232.222.17)

git clone https://gitee.com/li_bolun/ly31.git

2.在docker中下载Nginx镜像,创建Nginx容器，并进入Nginx容器

 1.在docker中下载Nginx镜像docker image pull Nginx 2.创建Nginx容器docker run -itd -p 80:80 -v /home/luffy/lycity/dist:/usr/share/Nginx/HTML --@R_404_6889@=lycity lycity   3.进入到Nginx容器docker container exec -it lycity bash

3.在Nginx容器上装一些插件

apt-get updateapt-get install procpsapt-get install vim

4.如果下载速度慢，可以更改一下下载源

阿里的镜像：https://developer.aliyun.com/mirror/ubuntu?spm=a2c6h.13651102.0.0.1d7d1b11E18cIb

cp /etc/apt/sources.List /etc/apt/source.List.bakvim /etc/apt/source.List

5.修改Nginx配置文件

root@4058118c62f8:/etc/Nginx/conf.d  cat default.conf server {    Listen       80;    server_@R_404_6889@  49.232.222.17;  改成自己的域名或者自己的公网IP    charset koi8-r;    access_log  /var/log/Nginx/host.access.log  main;    location / {        root   /usr/share/Nginx/HTML;        index  index.HTML index.htm;    }    error_page  404              /404.HTML;     redirect server error pages to the static page /50x.HTML    #    error_page   500 502 503 504  /50x.HTML;    location = /50x.HTML {        root   /usr/share/Nginx/HTML;    }     proxy the PHP scripts to Apache Listening on 127.0.0.1:80    #    location ~ \.PHP$ {        proxy_pass   http://127.0.0.1;    }     pass the PHP scripts to FastCGI server Listening on 127.0.0.1:9000        root           HTML;        fastcgi_pass   127.0.0.1:9000;        fastcgi_index  index.PHP;        fastcgi_param  SCRIPT_file@R_404_6889@  /scripts$fastcgi_script_@R_404_6889@;        include        fastcgi_params;     deny access to .htaccess files,if Apache's document root     concurs with Nginx's one    location ~ /\.ht {        deny  all;    }}

注意：进入到Nginx容器后，别忘了先启动一下Nginx服务

Nginx  在容器中直接输入Nginx指令就可以启动Nginx

 

总结

以上是内存溢出为你收集整理的day90:luffy:基于vue+drf的路飞学城项目前端部署全部内容，希望文章能够帮你解决day90:luffy:基于vue+drf的路飞学城项目前端部署所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。