Vue3单页面web路由模式 生产环境刷新404问题 以及配置443ssl端口 及80端口重定向置443，后端接口反向代理解决跨域

Nginx配置上try_files $uri $uri/ /index.html;

例子

server {
    listen 80;
    server_name yourdomain.com;

    root /var/www/vue-app;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

80端口重定向到443端口

server {
    listen 80;
    server_name fmd316.online;

    # 重定向所有 HTTP 请求到 HTTPS 地址
    return 301 https://$host$request_uri;
}

443ssl https配置

server {
    listen 443 ssl;
    server_name admin.xxxx.com;

    ssl_certificate /path/to/fullchain.pem;
    ssl_certificate_key /path/to/private.key;

    # 其他配置...
}

配置www访问 ，adb.com可以访问，www.abc.com不可以

添加cname

nginx 在也加上

server {
    listen 443 ssl;
    server_name abc.com www.adc.com;

    ssl_certificate /path/to/fullchain.pem;
    ssl_certificate_key /path/to/private.key;

    # 其他配置...
}

待补充后端接口反向代理