相关疑难解决方法(0)

我的反应项目中的图像存在问题.事实上,我一直认为src属性的相对路径是建立在文件架构上的

这是我的文件架构:

components
    file1.jsx
    file2.jsx
    file3.jsx
container
img
js 
... 

但是我意识到路径是建立在URL上的.在我的一个组件中(例如到file1.jsx)我有这个:

localhost/details/2
<img src="../img/myImage.png" /> -> works

localhost/details/2/id
<img src="../img/myImage.png" /> -> doesn't work, images are not displayed

怎么可能解决这个问题？我希望在react-router处理的任何形式的路由中,所有图像都可以用相同的路径显示.

拥有一个从登录屏幕到包含另外两个页面（客户和项目）的仪表板的应用程序。当我加载这些屏幕时，它工作正常，但是当我返回浏览器或单击浏览器上的刷新时，CSS 会丢失。这是我的代码：非常感谢任何帮助。

    1)    App.js

    import React, {Component} from 'react';
    import Login from './js/components/login/Login.js';
    import Dashboard from './js/components/dashboard/Dashboard.js';
    import {BrowserRouter as Router, Route, Switch, withRouter} from 'react-router-dom';
    import store from './js/config/store'
    import { Provider } from 'react-redux'
    import PrivateRoute from './common/PrivateRoute';
    import { getCurrentUser } from './util/APIUtils';

    import { Layout, notification } from 'antd';
    import { ACCESS_TOKEN } from './index';

    //Private Route
    import Projects from "./js/components/projects/Projects.js";
    //Public Route
    import Customers from "./js/components/customers/Customers.js";

    const { Content } = Layout;

    class App extends …