server{
  listen 8080;   // 监听端口
  server_name _;   // 域名,用于代替将要访问的端口号
  root  /var/www/chuiniubi/dist;  // 将要访问的网站的目录

  location / {
    try_files $uri $uri/  /index.html;   // 该句代码是为解决history路由不能跳转的问题,在vue-router官网有介绍
  }
  location /api/ {
    proxy_pass http://服务器ip:监听的端口    //  使用nginx代理,直接解决了跨域的问题
  }
}

注 :/api/ 要加两个斜杠不然会失败。不同情况不同分析