vue 打包项目上线遇到的坑

项目上线打包：

npm run build //打包项目
//项目打包完成后将dist文件夹的内容全部复制到服务器目录下面

访问index页面正常，子页面为空白页面

这是由于router开启了history模式，解决办法：
HTML5 History 模式，修改服务器的配置文件，如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面。

nginx修改内容如下：

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

无法请求api数据

修改服务器的nginx配置文件，转发请求：

location /api/ {
                proxy_pass http://127.0.0.1:8082/api/;
        }