使用nginx配置https

我使用的是腾讯云的云服务器，这里只说明如何配置nginx来实现https访问站点，不涉及ssl证书密钥的获取，这些网上都有很多文章有说明。

打开nginx.conf后，我们需要配置的地方有两个，一个通过80端口访问网站时需要做的处理，一个是443端口的处理，这两个处理分别对应两个server配置。

第一步

这里的server_name要写你购买并配置好的服务器的域名，或者公网IP地址，location那里表示如果我们使用http访问站点，那么会被重写为https来访问站点

第二步

server_name跟上面一样，都是域名或公网IP

第二个红框就是你拿到的证书密钥，存放的路径因人而异，但一定不要写错路径

第三个红框是你的vue项目打包之后存放的位置，打包vue项目是通过npm run build打包生成的dist文件夹

第四个红框的try_files是避免使用vue-router进行路由跳转时出现错误，index.html就是打包生成的dist文件夹下的index.html

第五个红框

注意这里其实是有两个location的，第二个location就是设置访问接口的，当访问的接口带有api的时候，会被转发到第五个红框上，也就是部署上服务器上的node项目的地址，之后node就能够接收到请求并且进行处理了。

剩下的就是一些跨域的设置了。

提醒：配置完nginx.conf之后，记得要重启nginx，不然修改不会生效，重点在于，最好不要用nginx -s reload，我就因为一直使用nginx -s reload，导致一开始我不管怎么修改配置文件，都不能使用https来访问站点。

之后我通过kill掉nginx的进程，再直接通过nginx命令来启动nginx，这才能够用https来访问站点。