nginx + webpack nginx 代理静态资源地址不对

Question

将 localhost/test/ 代理到 localhost:8888/

webpack-dev-server 开启的服务器端口为 8888

工程下面目录
-A
|-- index.html

这个工程 A/index.html 可以通过 localhost/test/A/index.html 访问的到

a.js

require.ensure([], require => {
    callback(null, require("./someComponent").default)
}

这个时候看起来引用没错的,但是在页面中实际引用地址为 localhost/build/a.js

这个时候就出错了,找不到, 但是浏览器如果这样就可以找到 localhost/test/build/a.js

问题出现了,页面访问加入这个 a.js 的时候现在少了 test, index.html 访问却没有问题

Answer 1

两种方式：

1、nginx 代理配置
将服务器根目录设置为test

location / {
    root /test/;
    #index index.html index.htm;
}

2、webpack 静态目录引用

publicPath: '/test/_build/dev/'