鍍金池/ 問答/數(shù)據(jù)庫  HTML/ webpack4 生產(chǎn)環(huán)境下怎么實(shí)現(xiàn) proxy 代理方法？

webpack4 生產(chǎn)環(huán)境下怎么實(shí)現(xiàn) proxy 代理方法？

webpack4 生產(chǎn)環(huán)境下怎么實(shí)現(xiàn) proxy 代理方法？

我寫的項(xiàng)目主要是展示類的網(wǎng)站、html靜態(tài)頁面。

目前只有開發(fā)環(huán)境可以實(shí)現(xiàn)proxy代理，如下：
只需要開啟devServer生效。

    devServer: {
        proxy: {
            "/api": {
                "target": "http://192.168.1.120",
                "changeOrigin": true,
                "pathRewrite": {"^/api": "/api"}
            }
        }
    },

接下來遇到了生產(chǎn)環(huán)境配置問題，在生產(chǎn)環(huán)境下沒有采用DevServer這個(gè)模塊，只直接打包出來靜態(tài)頁面文件，那么在生產(chǎn)環(huán)境的配置文件上怎么實(shí)現(xiàn)支持生產(chǎn)環(huán)境的proxy代理方法？

回答
編輯回答
孤酒
  1. 生產(chǎn)環(huán)境真的有必要代理么？畢竟部署時(shí)完全可以把前端資源和 API 放在同一域名下。
  2. 可以考慮用 webpack.DefinePlugin 把地址寫入打包的文件中
  3. 生產(chǎn)環(huán)境最好把未命中的請(qǐng)求都重定向到 index.html
2017年6月25日 06:05
編輯回答
哎呦喂

nginx是通用方法。

也可以自己用express+http-proxy-middleware搭一個(gè)簡(jiǎn)易的代理，其實(shí)webpack的DevServer就是這么搞的。

2018年8月28日 13:31
編輯回答
筱饞貓

一般情況下，生產(chǎn)環(huán)境的代理是不需要在前端項(xiàng)目里寫入或者完成的，你也可以看到webpack config文件夾下的proxy是在dev 下的， 在生產(chǎn)環(huán)境中，大多數(shù)的選擇都是使用nginx來完成，謝邀

2018年9月9日 18:16
編輯回答
撿肥皂

用nginx反向代理

2017年8月2日 12:04
編輯回答
殘淚

這里有一個(gè) webpack4 入門例子,你可以查看一下https://github.com/crlang/eas... 。

2018年3月11日 20:46