# http-server

通过http-server可以在本地启动一个微型服务器,来调试打包后的文件。

可以省去部署的麻烦。

前提:

需要修改打包文件的输出路径前缀publicPath

一般在webpack.prod.js > output.publicPath

需要改为/

// 工程打包
npm run build

// 进入工程的dist(或build)文件夹
cd dist

// 启动http-server
http-server .
1
2
3
4
5
6
7
8

# 可能会遇到的跨域问题

  • 修改hosts,将服务端域名转到本地127.0.0.1
  • 修改Nginx配置,转到线上
upstream local {
    # 监听端口
    server 127.0.0.1:8080;
}

upstream online1 {
    # 线上ip
    server 31.101.360.155:443;
}


# 转发到xx环境
server {
    listen       80;
    listen       443 ssl;
    server_name  www.baidu.com;

    ssl_certificate      server.crt;
    ssl_certificate_key  server_nopwd.key;

    # 接口代理
    location ~ /(we)?api {
        proxy_set_header Host $http_host;
        # 【注意】此处协议(http?https?)需要检查
        proxy_pass https://online1;
    }

    # 静态资源代理
    location ~ ^/ {
        proxy_pass http://local;
        proxy_set_header Host $http_host;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

配置好Nginx之后,就可以解决跨域问题,从而直接通过www.baidu.com访问了

# 其他注意

执行npm run build后,原dist文件可能会被删。需要重新cd进入,再执行http-server

更新时间: 11/29/2020, 5:38:38 PM