vue+express前后端项目一起配置成https请求

最新推荐文章于 2025-04-08 10:43:37 发布

柳宁依

最新推荐文章于 2025-04-08 10:43:37 发布

阅读量2.2k

点赞数

分类专栏： node vue

本文链接：https://blog.youkuaiyun.com/weixin_36339245/article/details/99670854

版权

node 同时被 2 个专栏收录

16 篇文章

订阅专栏

vue

15 篇文章

订阅专栏

本文详细介绍了如何在阿里云服务器上申请SSL证书并将其应用于Vue和Express项目中，包括修改Vue项目配置、创建Express HTTPS服务及证书读取配置，实现网站安全访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先到阿里云服务器上面申请证书，申请完成以后下载下来（nginx服务版本的），解压出来两个文件，文件后缀是.key和.pem，最好把这两个文件名改成自己的域名。具体申请证书的步骤自行百度。

2、将vue项目里面的config文件夹下面的prod.env.js文件中加上一句：BASE_URL:'"https://xxx.xxx.xx.xxx"'，xxx.xxx.xx.xxx是自己服务器的ip，然后再打包上传到服务器。

3、在express项目中，创建一个https服务，并读取证书（node可直接独去证书，不用配置，如果使用nginx的话就需要进行配置了）。在/bin/www文件中，写下如下几行代码

var https=require("https")
var fs=require("fs")

//readFileSync的第一个参数是存放证书的路径，我放在了home的ssl文件夹下
https.createServer({
    key:fs.readFileSync('/home/ssl/证书名.key','utf8'),
    cert:fs.readFileSync('/home/ssl/证书名.pem','utf8')
},app).listen(443)

然后上传到服务器上，就可以通过https访问网站了