域名——备案服务器———域名绑定（DNS解析）——Web容器（如：Nginx）网站内容——静态文件 (如：dede网站文件)

翻译过来就是你把你的东西放在哪里？别人通过什么方式可以找到！

网站建设

域名

就是网络地址，通常我们简称“网址”

这个网络地址就叫网站域名。比如说当我们输入百度的网站域名，就能正确访问到百度的网站了。域名是解析到IP上来访问，有了域名，我们就不用输入IP来访问某个网站，这样方便记忆。

如何申请网站域名？百度云、阿里云、腾讯云皆可，主机测评&技术分享以百度云注册申请域名为例：

域名注册

域名的注册遵循先申请先注册为原则，当你要注册的域名，必须得先查询一下是否被注册，注册过的，就不允许再次注册了。这个申请域名的比较简单，自己去操作一下，就会了！

备案

国家要求国内任何一个网站必须进行工信部ICP备案，如果没有备案，你的网站链接是无法访问的。

网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。

当前阿里云是可以直接通过手机客户端直接去申请备案的，而且速度会比网站备案快很多，建议直接用手机客户端去备案。

【当然，觉得国内服务器备案比较麻烦，可以选择香港服务器，香港服务器是免备案的，致臻数据可以为您提供香港免备案云服务器，但是记得域名实名认证使用，比较方便些！】

服务器

服务器这里推荐致臻数据，因为确实比较优惠，服务也好！

同时现在注册就有9折优惠可以享受，重点是可以免备案，方便快捷！

致臻数据云服务器

在致臻数据的网站（zhizhenyun.com.cn），注册提交工单，即可享受所有服务器9折优惠！

域名解析

到这里我们已经得到了网站域名和服务器，但是他们都是分别独立的，我们需要将域名和网站主机关联起来：

域名解析

添加一条记录，将我们的服务器的公网IP填到记录值的位置：

域名解析

Web容器

这里我们以Nginx为例，Nginx是一个免费的、开源的、高性能的 HTTP 和反向代理服务，假设你的服务器为centos系统

安装

sudo yum install nginx

使用 yum 进行 Nginx 安装时，Nginx 配置文件在 /etc/nginx 目录下

常用的nginx命令

sudo systemctl enable nginx # 设置开机启动 nginx start # 启动 nginx 服务nginx stop # 停止 nginx 服务nginx restart # 重启 nginx 服务nginx reload # 重新加载配置，一般是在修改过 nginx 配置文件时使用。

验证 Nginx 是否成功启动，可以在浏览器中打开输入你的ip，您将看到默认的 Nginx 欢迎页面，类似于下图所示：

Nginx安装

网站内容

到了这一步，我们有了域名，服务器，web容器，就差往容器里面塞东西了，以 Vue 为例，我们首先要拿到 Vue 项目 build 后的dist文件夹

npm run build //将会产出dist文件

以最原始的方法将dist上传到服务包

scp dist.zip 用户名@服务器公网ip:/home/vueTest

注意这里我们是上传的 zip 文件，到了服务器你需要将目标 zip 解压

// 通过ssh登录ssh 用户名@服务器公网ip// 进入目标文件解压刚刚上传的zip包cd /home/vueTestunzip dist.zip

最后我们配置一下nginx

// 进入编辑nginx confvi /etc/nginx/conf.d/vueTestserver{ listen 80; server_name 你的域名; index index.php index.html index.htm default.php default.htm default.html; // 指向你的静态资源 root /home/vueTest/dist;}

配置完重启一下nginx

nginx -t // 检查nginx配置是否正常nginx reload // 重启nginx

不出意外，这个时候在浏览器输入你的域名应该能看到你的网站啦！

chibohandong