前端的代码怎么部署到服务器

1、安装护卫神主机大师，一键配置全能网站环境
2、用主机大师开设网站，并绑定域名
3、解析域名到服务器IP
4、FTP上传前端代码到服务器
5、输入域名即可访问前端代码了

yum install -y nginx

进入/etc/ngin文件夹，并且新建自己的配置目录如：myconfig，并且进入此目录，新建一个配置文件如：ghmallconf，编辑以下内容并且保存：

上传前端文件（执行npm run build后，项目下会生成一个dist文件夹）至该配置文件中配置的地址如：/usr/portal/ghmall-portal/dist

进入/etc/ngin文件夹，编辑配置文件：vim nginxconf

修改为自己的server配置：

server {

      listen 9527;

      server_name localhost;

      location / {

        root /usr/portal/ghmall-portal/dist;

      }

      location /ghmall/ {

        proxy_pass >执行成功后会生成dist文件

41 进入到nginx配置目录：/usr/local/nginx/conf,对 nginxconf 文件进行配置

使用include可以配置多个conf文件，如一个项目一个配置文件。在同目录下创建demo文件夹，并创建democonf配置文件

下面使用是以ip地址的方式创建的的配置文件

访问地址：

其中dist名称时可以修改，保持与/usr/local/nginx/html下cp名称一致，否则会访问不到;并且/usr/local/nginx/html目录可存在同一ip下多个web项目。

域名与ip绑定

配置域名democonf
eg: 域名 - democn

42阿里云配置域名前缀
阿里云->域名->域名列表—>域名 管理-> 域名解析->解析设置

如图：记录值 填写当前服务ip

学习过程中所记录，有问题或者有好的方式欢迎指点。不胜感激