前端项目如何部署到服务器，本文章以部署到203为例

1、 修改/config/index.js文件

 

2、 npm run build  打包获得dist文件夹

3、 win + R    mstsc    远程到203服务器        administrator      admin@123

4、 将dist文件夹放到E:\nginx\RunGo.Admin.Web  （文件夹名字自取）

5、 修改203服务器中 e: \nginx\conf\nginx.conf   文件   增加一个站点，也就是一个server。 修改端口号和文件夹名。（以下代码中的感叹号部分为需要修改的部分）

# rungo.business  server

        #

   server {

        listen      9003;          ！！！！！！端口号

        server_name   njrgrj.imwork.net localhost 192.168.199.203;

 

        #charset koi8-r;

 

        #access_log  logs/host.access.log  main;

 

        location / {

            root   rungo-admin-web/dist;            !!!!!!!!!!!!文件夹名/dist

            index  index.html index.htm;

            try_files $uri $uri/ /index.html;

        }

 

        #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   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

        #

        #location ~ \.php$ {

        #    root           html;

        #    fastcgi_pass   127.0.0.1:9000;

        #    fastcgi_index  index.php;

        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;

        #    include        fastcgi_params;

        #}

 

        # deny access to .htaccess files, if Apache's document root

        # concurs with nginx's one

        #

        #location ~ /\.ht {

        #    deny  all;

        #}

}

 

6、 在e:\nginx下执行         启动nginx       start nginx                重启nginx       nginx –s reload

7、访问地址就是你/config/index.js中的baseUrl.pro 地址加上端口号

bug1: 使用  nginx -s  reload  报错

报错提示如下：

原因： 路径中包含中文

解决方法： 把人防宣教改成英文