webpack-dev-server未提供来自配置位置的捆绑包，带有react-router参数路由
webpack-dev-server是一个用于开发环境的轻量级服务器，它可以实时重新加载页面，并支持热模块替换（HMR）。然而，webpack-dev-server默认情况下不会生成实际的打包文件，而是将打包后的文件保存在内存中，以提高开发效率。
对于带有react-router参数路由的应用程序，可以通过配置webpack-dev-server来解决捆绑包的问题。以下是一些解决方案：
- 配置publicPath：在webpack配置文件中，可以通过设置output.publicPath来指定生成的捆绑包在浏览器中的访问路径。例如，设置publicPath为"/dist/"，则生成的捆绑包将在浏览器中通过"/dist/"路径访问。
- 使用historyApiFallback：当使用react-router的参数路由时，需要配置webpack-dev-server的historyApiFallback选项。该选项将所有的404请求重定向到指定的HTML文件，以便应用程序可以正确处理参数路由。例如，可以将historyApiFallback设置为true，将所有的404请求重定向到index.html。
- 配置devServer.proxy：如果应用程序需要与后端API进行通信，可以使用devServer.proxy选项将API请求代理到实际的后端服务器。这样可以避免跨域问题，并确保应用程序能够正确处理参数路由。
推荐的腾讯云相关产品：
- 云服务器（ECS）：提供可扩展的计算能力，用于部署和运行应用程序。
- 云数据库MySQL版（CDB）：可靠、高性能的关系型数据库服务，适用于存储应用程序的数据。
- 云存储（COS）：安全、可靠的对象存储服务，用于存储和分发应用程序的静态资源。
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，用于构建智能应用程序。
更多腾讯云产品信息和产品介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
0回答
webpack-dev-server未提供来自配置位置的捆绑包，带有react-router参数路由
javascript、reactjs、webpack、react-router、webpack-dev-server
使用react-router我的路由匹配并且我的应用捆绑包SearchUXBundle.js正确地从第一级路由加载-但是第二级路由/tracker/:id错误地尝试从本地主机/tracker/dist/SearchUXBundle.js而不是本地主机/dist/SearchUXBundle.js加载我的应用捆绑包。我假设这是在we
浏览 2提问于2017-01-05得票数 1
回答已采纳
1回答
如何重写webpack-dev-server中的某些URL
webpack、webpack-dev-server
我正在创建一个与Webpack捆绑在一起的React & react-router v4应用程序。我正在与Webpack一起创建，以按需为我的应用程序的react-router路由创建异步加载包。假设我的应用程序名为"myapp"，当我将其部署到我的服务器时，我的静态资产需要从以下位置提供服务：
/myapp/sta
浏览 1提问于2017-05-11得票数 4
3回答
如何在react中处理404
reactjs、react-router
如何在React JS中处理错误路由404响应并路由到默认根上下文。
我试着使用<Route path='*' component={Home} />，但它不工作，错误的路径给出了404。
浏览 4提问于2017-03-02得票数 3
3回答
react路由器2.0不路由
javascript、reactjs、react-router
我有一个简单的代码不起作用。我把它从反应路由器项目页面，并稍加修改，以使它看起来更好。：var Router = ReactRouter.Router;var BrowserHistory = ReactRouter.browserHistory;这就是我使用react路由器2.0的<
浏览 0提问于2016-02-14得票数 2
回答已采纳
8回答
用于index.html的Spring捕获所有路由
spring、spring-mvc、spring-boot、single-page-application、catch-all
我正在为一个基于react的单页面应用程序开发一个spring后端，其中我使用react-router进行客户端路由。@Override
public vo
浏览 4提问于2016-09-05得票数 54
2回答
HtmlWebpackPlugin对webpack服务器的影响
webpack、webpack-dev-server、html-webpack-plugin
我用Webpack做了一个反应项目，似乎以一种我不明白的奇怪的方式影响了。 |- package.json |- src/ |- index.jsx
和一个类似于这样的webpack.config.js/src/index.jsx
浏览 0提问于2018-04-23得票数 7
回答已采纳
1回答
Symfony3自动区域设置路由
php、routing、locale、symfony
我在路由区域设置时遇到了问题。www.example.com/en/ -> works
在我的情况下，这应该是相同的。英语是默认语言，如果调用www.example.com，我希望以英语提供页面。当我调用没有区域设置的页面时，我总是收到一个错误(找不到"GET /“的路由)。
浏览 0提问于2016-12-04得票数 1
3回答
Symfony 2.2 Doctrine ResolveTargetEntities侦听器
symfony、doctrine、entity-relationship、symfony-2.2
我正在创建一个包含关系关联的捆绑包。为了保持抽象，我想使用Doctrine的全新ResolveTargetEntities listener。在我的包中，有一个名为data_class的配置参数，我想用它来设置ResolveTargetEntities侦听器：my_bundle: data_class: Acme\DemoBund
浏览 0提问于2013-01-20得票数 2
回答已采纳
2回答
覆盖每个捆绑包symfony2中的parameters.yml
php、symfony
我正在做一个复杂的Symfony项目。在项目中，我们有一个核心包，它使用位于app/config中的parameters.yml。我需要的是在每个捆绑包中有特定的参数来覆盖默认参数:当我使用一个路由将我带到控制器的捆绑包时，这个特定捆绑包的参数必须覆盖所有其他参数。
我已经尝试过pr
浏览 0提问于2016-05-18得票数 1
2回答
使用Apache反向代理时React-router urls不匹配
apache、express、reactjs、react-router、mod-proxy
我正在尝试在Apache中设置一个反向代理来提供React/Redux/webpack捆绑包。"/foo/" "http://localhost:8777/"现在，当导航到example.com/foo时，我的index.html和webpack捆绑包被正确地提供了，但是React路由器抛出一个错误
浏览 1提问于2016-05-25得票数 7
1回答
使用rollup和rollup捆绑策略的包依赖项
npm、module、dependencies、rollup
我正在开发一个npm包，它使用rollup来捆绑并发布到NPM。我想了解一个依赖关系是否应该被汇总捆绑，最佳实践是什么。如果在“外部”配置中未排除rollup，则rollup将绑定“src”中使用的所有依赖项。默认情况下，它并不关心在“deps”、“peerDeps”或“devDep”中提到的依赖项。但这似乎不是一种预期的方式。对于“deps”中的任何依赖项，使用此包的项目将安装此依赖项，然后web
浏览 5提问于2021-08-25得票数 1
1回答
Webpack开发服务器设置有问题
webpack、webpack-dev-server
我尝试了以下配置，但没有成功：webpack-dev-server --inline --history-api-fallback --content-base src/public', },
附加信息，如果有关系的话:我也在我的路由器中进行代码分割，这样我就可以得到一些更小的包(0.bundle.js，1.bundle.js等等)当应用程序切换
浏览 2提问于2016-08-11得票数 1
1回答
Symfony2中通过Api的用户登录
symfony
这里有一个捆绑包可以提供此功能：。该捆绑包为身份验证提供成功和失败侦听器，这些侦听器使请求短路，并返回带有令牌的JsonResponse或带有适当响应代码的错误。我希望创建一种轻量级的方式来插入symfony安全，使用此<e
浏览 2提问于2014-05-10得票数 3
1回答
webpack 5 historyApiFallback的问题
webpack、webpack-dev-server
和下列项目结构：index.dev.html包含带有dist/bundle.js源代码的脚本，因此基本上我要把它作为浏览器的应用程序入口点。：webpack-dev-server的内容不是webpack提供的，它来自'C:\Users‘目录。由于它已经启动，捆绑包从localhost:1337/dist/bundle.js成功地服
浏览 25提问于2022-01-26得票数 0
1回答
React-router将未知url返回给index.html并提供服务
reactjs、react-router
当我在像" page /sub/ url /“这样的url上刷新页面时，我得到一个错误，因为这是发送到服务器而不是index.html中的捆绑包。从我了解到，可以将服务器配置为忽略此类请求并为index.html提供服务。这里没有问题。然而，在这种情况下，在刷新之后，用户得到默认的索引路由，例如："/“，而不是"page/sub/url/”，其中他最初请
浏览 1提问于2016-11-04得票数 0
2回答
如何使用反应性路由器以编程方式导航
reactjs、react-router
在使用react -路由器时，我可以使用Link元素创建由react路由器自行处理的链接。
我在内部看到它称为this.context.transitionTo(.)。我看到了导航混音，但我可以做到这一点，没有混音的？
浏览 0提问于2019-09-01得票数 2
回答已采纳
2回答
生产环境中App Engine标准环境与灵活环境项目间的路由
google-app-engine、go、app-engine-flexible、google-app-engine-go
我在Go中有两个app Engine项目，它们组成了一个面向用户的应用程序。一个项目是一个标准环境项目，具有大部分功能，还提供React前端静态捆绑包。现在我正在部署应用程序，我遇到了来自前端的api请求的问题。在开发中，我们的前端节点服务器会将请求(例如/api/项目和/api/user )代理到运行在不同端口上的相应App Engine服务，但在生产中，我的标准环境项目位于
浏览 27提问于2018-08-09得票数 1
1回答
如何追踪使用webpack时的reactjs控制台错误？
reactjs、webpack、redux、react-redux、webpack-dev-server
我遵循并使用webpack来捆绑js文件。//webpack.base.config.js
var webpack = require('webpack')
module.exports/reactjs&#
浏览 3提问于2017-01-30得票数 1
回答已采纳
4回答
响应嵌套路由未能在刷新时加载
reactjs、routing、http-status-code-404、react-router、webpack-dev-server
我有一个带有react-router驱动的导航的React应用程序，我在开发中使用了webpack-dev-server和启用了历史回退选项。component={Review} /> </Router>当我浏览链接时，一切正常工作，我可以看到嵌套的路由组件嵌套在它们的父<
浏览 8提问于2016-10-16得票数 16
回答已采纳
1回答
Webpack变名要求
javascript、node.js、reactjs、webpack
我正在编写一个带有功能模块的nodejs/react应用程序，理想情况下，这些功能模块可以通过configuration.json文件进行开关。这些功能模块有一个入口点，用于为其请求建立服务器端路由，另一个入口点用于在React中建立客户端路由。
服务器端配置工作正常。在服务器启动时，它检查配置设置，加载适当的模块，并调用其register()函数，以注册其服务器端路由、控制器等。但是，当尝试对此捆绑包进行
浏览 0提问于2016-02-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
