1,vue 编辑,我现在用的还是vue2.0,编译用的最直接的 npm run build
2.编译之后生成 dist文件
3.安装nginx ,我用的是mac,执行命令 brew install nginx 中途有n多坑。先略过
4.nginx -v 查看安装的nginx 的版本号
5。执行 nginx 命令 ,启动nginx 服务
6. 执行 nginx -s reload ,重启nginx 服务
7. 执行 vim /usr/local/etc/nginx/nginx.conf 编辑nginx 配置,按 i 进入编辑状态
8. nginx -s stop 立即停止服务
9. nginx -s quit 从容停止服务
10.由于不习惯在终端进行文件修改,我习惯用编辑器打开文件。首先 打开finder ,然后按下 shift+command+G 跳出窗口 前往文件夹,输入地址usr/local/etc/nginx/nginx.conf 然后把 选中的文件通过编辑器打开。
以上为 关于 nginx 的安装,操作
下面开始配置吧
location /api {
proxy_pass https://XXX.XXX.XXX.XXX; #代理的域名
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
}
location / {
root /usr/local/var/www/dist; #dist在服务器的路径
index index.html index.htm;
}