如何在vue(axios)中启用https

Question

vue版本是vue3。axios版本是0.24.0。当我使用此方法启用HTTPS时，它会通知我证书无效。

    const axios = require('axios')
    const fs = require('fs')
    const https = require('https')
    import { Notify } from 'quasar';
    
    const httpsAgent = new https.Agent({
      ca: fs.readFileSync('xxx.pem')
    })
    
    axios.get('https://example.com:9500/xxx', { httpsAgent });

证书是PKCS8中的自签名证书。错误消息是

Failed to load resource: net::ERR_CERT_AUTHORITY_INVALID

我确信证书是服务器根CA。但它似乎不能在我的代码中工作。我不知道我的代码或证书出了什么问题。也许需要pkcs12证书？有人能回答我吗。非常感谢。

Answer 1

https和fs是您不应该与Quasar一起使用的服务器端库。在客户端，您可以使用https简单地删除它们，请求将自动通过https，因为它是您在axios请求中指定的协议：

const axios = require('axios')
import { Notify } from 'quasar';

axios.get('https://example.com:9500/xxx', { httpsAgent });

在服务器端启用https是一个完全不同的话题，与VueJS无关，如果你使用的是nginx，它与javascript也没有任何关系。如果您使用express，https和fs将会工作，例如，在这个问题中：Enabling HTTPS on express.js