项目部署阶段nginx

创建环境变量， 创建.env.production

#这个前缀可以让nginx作反代
VUE_APP_BASE_API = '/api'

改一下输出地址，vue.confifig.js
outputDir: 'dist/best-practice',
构建： npm run build

部署

部署只需要将最终生成的静态文件，通常是 dist 文件夹下的静态文件发布到 cdn 或者静态服务器即可。 这里我们采用nginx作为web服务器，具体配置nginx-1.14.0/conf/nginx.conf：

#项目根， 大家改成自己的目录
root C: \\Users\\ yt037\\ Desktop\\ kaikeba\\ projects\\ vue - study\\ dist;#
项目dist目录# history fallback
location / best - practice {
  try_files $uri / best - practice / index.html;
}#
反向代理， 实现接口转发
location ^ ~/api/ {
  #把 / api去除
  rewrite ^ /api/(.*) $ / $1
  break;
  #代理到3000服务上
  proxy_pass http: //localhost:3000;
}