使用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就能够接收到请求并且进行处理了。

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值