window系统下将本地web项目（nuxtjs项目）部署到腾讯云服务器上

添加小程序，兑换各种视频教程/数据资源。

1. 购买腾讯云服务器：参考https://cloud.tencent.com/document/product/213/2764。

2. 登录云服务器（window下远程桌面连接）：

3.在云服务器里下载nginx：http://nginx.org/en/download.html网站中下载，放在默认位置：

nginx/Windows-1.17.1

然后在其文件夹nginx.exe打开程序（如果打不开，就在当前文件夹的命令行输入start nginx，在云服务的浏览器中，打开localhost，如果能返回welcome to nginx页面，即开启服务成功）。

4.修改nginx配置：在nginx文件的conf/nginx通过文本打开：

修改里面server 的host 为项目的文件，index 为开启的入口文件。

修改配置之后需要重启nginx，在云服务器的浏览器中输入locahost 查看页面是否改变，即是否重启nginx成功。（实在无法重启nginx就在腾讯云的控制台重启云服务）

5. 最后在外部输入外网IP即可。

 

这是静态页面的服务器搭建，如果需要搭建后台数据，就在云服务器中下载mysql，部署代码，就像在本地能运行一样。

 

 

6. nuxtjs部署到云服务：参考http://www.menvscode.com/detail/5ce28feae8c50a0870f41984。https://blog.csdn.net/qq_15724141/article/details/83346093。

     6.0 在下载了nginx下，修改C:\Users\Administrator\Downloads\nginx-1.17.1\conf\nginx.conf文件 打开进行属性配置，然后腾讯云服务器上【添加安全组规则】即允许访问的端口（如88），配置完之后重启云服务器。

server {
    listen  80;
    server_name  localhost;
    location ~ / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://nodenuxt;  #反向代理
    } 
}
upstream nodenuxt {
    server 127.0.0.1:3000; #nuxt项目 监听端口
    keepalive 64;
}

     6.1 将nuxtjs通过npm run build进行打包。

     6.2 把本地文件的.nuxt、static,package.json、nuxt.config.js，这四个文件夹放到云服务器目录登录云服务器（window下远程桌面连接）文件下。如：C:\project\boke。修改package.json配置端口为88：

"config": {
    "nuxt": {
        "host": "0.0.0.0",
        "port": "88"
    }
},

 

      6.3 在云服务器的项目文件命令行中初始化项目：输入 npm install 。即完成下面。

    6.4 在云服务器的项目文件命令行中运行项目：输入 npm start 。然后在浏览器中输入http://localhost:88/即可，也可通过公网ip:88即可在任意电脑上访问。