Vue项目打包放服务器上接口报错

Question

vue doesn't work properly without JavaScript enabled. Please enable

用的vue.config.js代理接口地址了，为什么会有这个错误，路由mode是hash，也无法解决，项目域名是http://a.com 接口地址是https://a.com/api，直接调用会报跨域。本机运行使用代理是没有问题的，为什么放到线上就会报错？感谢大家解惑。

`server

{
    listen 80;   
    server_name 域名;  #将localhost修改为您证书绑定的域名，例如：www.example.com。
    index index.html index.htm index.php;
    root  项目地址;
    #error_page   404   /404.html;
    location / {
        try_files $uri $uri/ /index.html;
    }
    # Deny access to PHP files in specific directory
    #location ~ /(wp-content|uploads|wp-includes|images)/.*\.php$ { deny all; }
    include enable-php-pathinfo.conf;
    location /nginx_status
    {
        stub_status on;
        access_log   off;
    }
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
    }

    location ~ .*\.(js|css)?$
    {
        expires      12h;
    }

    location ~ /.well-known {
        allow all;
    }

    location ~ /\.
    {
        deny all;
    }

location /api/ {
          add_header 'Access-Control-Allow-Origin' '*';
          add_header 'Access-Control-Allow-Methods' 'POST,GET,OPTIONS';
          add_header 'Access-Control-Allow-Headers' 'Authorization';
          proxy_pass 接口地址;
    }

    access_log  /home/wwwlogs/access.log;
}

`

Answer 1

跨域是指 协议：//域名：端口 只要有一个不同就跨域。你http和https当然跨域了

Answer 2

你的前台代码是和后台代码放在一个 文件夹下面么