我从https://www.tutorialspoint.com/reactjs/reactjs_jsx.htm创build了一个基本的React应用程序，我想在基于Apache的服务器上运行这个testing代码，我知道我需要创build一个可分发的版本，但是我无法弄清楚如何做到这一点，并不能find明确的指示。
我已经看到这个postReact，在Apache服务器上的JS，但它没有什么比几个准则
如果能指导一些明确的指示或指示，我将不胜感激。 PS我知道如何Apache作品是一个PHP开发人员谢谢
将域映射到Tomcat应用程序
在mod_wsgi上部署django应用程序的问题
为apache安装mod_wsgi模块
Apache和IIS 7一起运行
Apache，javascript和PhoneGap：听一些随机事件的最佳方式是什么？ 区间还是长时间轮询？
防止盗链图像文件
Perl RESTstream布局
禁用统计/分析JavaScript
在index.PHP / admin上使用Apache LDAP身份validation
最终能够弄清楚，我只希望它能帮助像我这样的人。 以下是网络包配置文件应如何查看指定的远程目录和输出文件。 我错过了指定dist目录路径的方法
const webpack = require('webpack'); const path = require('path'); var config = { entry: './main.js',output: { path:path.join(__dirname,'/dist'),filename: 'index.js',},devserver: { inline: true,port: 8080 },resolveLoader: { modules: [path.join(__dirname,'node_modules')] },module: { loaders: [ { test: /.jsx?$/,exclude: /node_modules/,loader: 'babel-loader',query: { presets: ['es2015','react'] } } ] },} module.exports = config;
然后包json文件
{ "name": "reactapp","version": "1.0.0","description": "","main": "index.js","scripts": { "start": "webpack --progress","production": "webpack -p --progress" },"author": "","license": "ISC","dependencies": { "react": "^15.4.2","react-dom": "^15.4.2","webpack": "^2.2.1" },"devDependencies": { "babel-core": "^6.0.20","babel-loader": "^6.0.1","babel-preset-es2015": "^6.0.15","babel-preset-react": "^6.0.15","babel-preset-stage-0": "^6.0.15","express": "^4.13.3","webpack": "^1.9.6","webpack-devserver": "0.0.6" } }
注意脚本部分和生产部分，生产部分是什么给你最终可部署的index.js文件（名称可以是任何东西）
休息的事情将取决于您的代码和组件
执行以下命令序列
npm安装
这应该让你所有的依赖（节点模块）
然后
npm运行生产
一旦完成将index.html和index.js文件放置在www / html或web应用程序根目录下，那就完成了。
正如后文所述，React是基于浏览器的技术。 它只在HTML文档中呈现一个视图。
为了能够访问你的“React App”，你需要：
捆绑您的React应用程序
让Apache指向您的服务器中的html文件，并允许外部访问。
你可能在这里有所有的信息： https ： //httpd.apache.org/docs/trunk/getting-started.html Apache服务器，在这里使你的JavaScript包https://www.codementor.io/tamizhvendan /初学者引导设置-reactjs环境-NPM-巴贝尔-6-的WebPack-du107r9zr
您可以通过Apache代理来运行它，但是它必须在虚拟目录（例如http：//mysite.something/myreactapp ）中运行。
这似乎有点多余，但如果你有其他页面不是你的React应用程序的一部分（例如PHP页面），你可以通过端口80服务的一切，使整个事情是一个凝聚力的网站apear。
1.）启动你的反应应用程序与npm运行，或者你用来启动节点服务器的任何命令。 假设它在http://127.0.0.1:8080上运行
2.）编辑httpd-proxy.conf并添加：
ProxyRequests On ProxyVia On <Proxy *> Order deny,allow Allow from all </Proxy> ProxyPass /myreactapp http://127.0.0.1:8080/ ProxyPassReverse /myreactapp http://127.0.0.1:8080/
3.）重新启动Apache
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
