這是我的反應字體應用程式。要從 node.js 后端傳遞資料，我需要成功傳遞 API 的 url。目前我將地址設定為我的本地主機。
我正在努力將 process.env.API_URL 路徑到我的組態檔。
我的檔案結構是
.src
- config
* config.js
- .env
.webpack.config.js
我的 .env 檔案是
API_URL=http://localhost:3006
我的組態檔在下面，但我在這里得到“未定義”作為我的控制臺結果。顯然變數沒有成功通過。
console.log(process.env.API_URL)
const config = {
host: process.env.API_URL
};
export default config;
我已經安裝了“npm install dotenv --save”和“npm i dotenv-webpack”
在我的 Webpack.config.js 里面如下。我覺得我離作業太近了，但我無法弄清楚這里有什么問題。
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const webpack = require("webpack");
const dotenv = require('dotenv');
dotenv.config({ path: './.env' });
module.exports = {
plugins: [
new webpack.DefinePlugin({
'process.env.API_URL': JSON.stringify(process.env.API_URL),
}),
],
};
任何建議表示贊賞。謝謝你。
uj5u.com熱心網友回復：
好吧，您在 src 檔案夾中有 .env，并且您正嘗試在與 webpackConfig 相同的級別上訪問它。因此，將.env檔案移動到與配置相同的級別或修復您的匯入。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/532734.html
標籤：反应网页包dotenv