天天看点

vue打包dist包,通过nginx反向代理,在本地访问

第一步:去官网下载nginx

第二步:打开配置文件:conf/nginx.conf,有三处配置

server {
    listen 8888;

    location / {
        # 配置dist文件路径
        root /project/project-rsdq/RSDQ/rsdq-client/dist;
        index index.html index.htm;
    }

    # 反向代理 转发http请求
    # rsdq-web 需与 vue.config.js里的跨域配置proxy里的名称一致
    location /rsdq-web{
        proxy_pass http://172.33.44.11:8081/rsdq;
    }
}
           

命令:

(1)start nginx   -> 启动

(2)nginx -s stop  -> 停止

(3)nginx -s reload  -> 重启

继续阅读