反应：附加到 url 的文件名答案

【问题标题】：React: Filename appended to url反应：附加到 url 的文件名
【发布时间】：2021-11-20 20:06:00
【问题描述】：

知道为什么 index.css 会开始在 axios 请求中显示为 :id 吗？

为了部署到 Heroku，我在 React "proxy": "http://localhost:3001/" 中设置了一个代理。但是，自从在 prod 和 dev 环境中设置代理后，我在页面刷新（仅页面刷新）调用中遇到了一个非常奇怪的问题，即 :id 字段。

无论出于何种原因，index.css 被附加，因此对axios.get(/document/:id) 的正常页面刷新请求会引发此错误：Proxy error: Could not proxy request /document/index.css from localhost:3000 to http://localhost:3001/ 这就是命中后端的原因：GET /document/index.css 在此示例中，假定为 :id成为 params.id。

<Router> 中定义为 /path/:id 的所有路由都会发生这种情况，无论我是在 :id 值中硬编码还是使用动态值。

当我使用未设置代理且 localhost:3000 硬编码到所有 axios 路由中的早期版本进行测试时，不会出现此问题。

我很乐意提供进一步的解释/示例。真的在这里挠头，知道发生了什么吗？非常感谢！

编辑：请求的公共 index.html 文件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div id="dropdown-options"></div>
    <div id="root"></div>
   
  </body>
</html>

【问题讨论】：

请分享您的公开index.html文件
@92yo 刚刚将其添加为编辑。值得一提的是，app有2个css文件，index.css文件是tailwind创建的。
我相信您的问题在于您如何导入 css 文件。因此，请尝试将其链接起来，省略 . - <link rel='stylesheet' href='/index.css' 让我知道这是否解决了您的问题
@92yo 删除点修复它....非常感谢您的帮助！如果您发布答案，我很乐意将其标记为解决方案:)

标签： javascript node.js reactjs heroku axios

【解决方案1】：

我相信您的问题在于您如何导入 css 文件。

所以尝试链接它，这样省略. - <link rel='stylesheet' href='/index.css'

让我知道这是否解决了您的问题

【讨论】：