如何 运行 apache 服务器上的 Webpack 项目
How to run Webpack project on apache server
我有一个项目 运行 在开发服务器环境中运行良好,但现在我正试图将其转移到 Apache 服务器上 运行。我 运行 'npm run build' 在我的 package.json 文件 ("build": "babel-node tools/build.js && npm run open:dist") 上,它创建了一个包含以下文件的 dist 文件夹:
- index.html
- main.js
- main.map.js
- main.css
- main.css.map
我将此文件夹放在我的 Apache 目录中的 htdocs 文件夹中。我双击 index.html 希望它能带我到应用程序的主页,但没有任何反应。甚至控制台中都没有错误。
这是我正在使用的 index.html 文件:
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8"/>
<title>Survey Builder</title>
<link href="./dist/app/main.8286783e52fd295f2f9e5d678a8a2acd.css" rel="stylesheet">
</head>
<body>
<div id="app">
</div>
<script type="text/javascript" src="./dist/app/main.66670fe7523b3b72f307.js"></script>
</body>
</html>
提前致谢!
我会回答我自己的问题。
*如果您正在使用 React 并在 Apache 上进行部署,您需要知道在 Apache 中放置文件的路径必须反映在您的 React 路由中。因此,如果您将生产就绪的 React 文件放在 htdocs Apache 目录中的一个文件夹中,您还必须在路由中反映该路径。如果您将生产就绪文件直接转储到 Apache 的 htdocs 目录中,它将开箱即用。
希望对您有所帮助...
我有一个项目 运行 在开发服务器环境中运行良好,但现在我正试图将其转移到 Apache 服务器上 运行。我 运行 'npm run build' 在我的 package.json 文件 ("build": "babel-node tools/build.js && npm run open:dist") 上,它创建了一个包含以下文件的 dist 文件夹:
- index.html
- main.js
- main.map.js
- main.css
- main.css.map
我将此文件夹放在我的 Apache 目录中的 htdocs 文件夹中。我双击 index.html 希望它能带我到应用程序的主页,但没有任何反应。甚至控制台中都没有错误。
这是我正在使用的 index.html 文件:
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8"/>
<title>Survey Builder</title>
<link href="./dist/app/main.8286783e52fd295f2f9e5d678a8a2acd.css" rel="stylesheet">
</head>
<body>
<div id="app">
</div>
<script type="text/javascript" src="./dist/app/main.66670fe7523b3b72f307.js"></script>
</body>
</html>
提前致谢!
我会回答我自己的问题。
*如果您正在使用 React 并在 Apache 上进行部署,您需要知道在 Apache 中放置文件的路径必须反映在您的 React 路由中。因此,如果您将生产就绪的 React 文件放在 htdocs Apache 目录中的一个文件夹中,您还必须在路由中反映该路径。如果您将生产就绪文件直接转储到 Apache 的 htdocs 目录中,它将开箱即用。
希望对您有所帮助...