我使用的是腾讯云的云服务器,这里只说明如何配置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就能够接收到请求并且进行处理了。
剩下的就是一些跨域的设置了。