API / HTTPS 401错误,但不是通过HTTP

Question

我正在尝试与我的mongoDB数据库连接，使用axios, Vue，我的服务器正在运行NGINX。

在我的App.vue文件中，axios请求所在的地方，我有这个:

export default {
name: 'App',
data(){
return {
baseApiURL: '[HTTP or HTTPS]://example.com:4000/api',

这在HTTP上工作。当我将其更改为HTTPS时，它不会。我已经尝试使用IP地址，并使用域名地址。Chrome的网络选项卡显示:

Request URL: https://www.example.com/api/
Request Method: GET
Status Code: 401 Unauthorized

我不明白这到底是什么意思。

My NGINX config:

server {
listen 80 default_server;
ssl on;
listen 443;
server_name example.com;
ssl_certificate /usr/src/app/ssl/domain.cert.pem;
ssl_certificate_key /usr/src/app/ssl/private.key.pem;
# vue app & front-end files
location / {
root /usr/src/app/dist;
try_files $uri /index.html;
}
# node api reverse proxy
location /api/ {
proxy_pass http://localhost:4000/;
}
}

我不知道还有什么我应该包括在这个信息,请让我知道。我觉得它应该是一个小问题,因为它是通过HTTP工作。

Answer 1

不是真正的"答案";因为它没有解决确切的初始问题，但我解决了我的问题，我的网站不工作在HTTPS通过使用Caddy服务器而不是NGINX，这在某种程度上自动完成。