Javascript 在React.js中定位url时出现错误404
例如,如果我打开此链接Javascript 在React.js中定位url时出现错误404,javascript,reactjs,url,routes,react-router,Javascript,Reactjs,Url,Routes,React Router,例如,如果我打开此链接https://cubeacloud.com/,它将很容易打开 但是如果我针对这个特定链接https://cubeacloud.com/contact 它将显示错误404(在私有选项卡中打开第二个链接) 我尝试了所有的方法 路由代码如下所示 从“react”导入react; 从“react Router dom”导入{Switch,Route,Router,BrowserRouterProps}; 从“./LandingPage”导入LandingPage; 从“./Ab
https://cubeacloud.com/
,它将很容易打开
但是如果我针对这个特定链接https://cubeacloud.com/contact
它将显示错误404(在私有选项卡中打开第二个链接)
我尝试了所有的方法
路由代码如下所示
从“react”导入react;
从“react Router dom”导入{Switch,Route,Router,BrowserRouterProps};
从“./LandingPage”导入LandingPage;
从“./AboutMe”导入AboutMe;
从“./Contact”导入联系人;
//计划
从“./Projects/Projects”导入项目;
从“./projects/Graphics”导入图形;
从“/projects/contant”导入内容;
从“../navbar”导入导航;
//从“/Resume”导入简历;
//博客
从“./Blogs/blog”导入博客;
从“./blogs/crypto”导入CryptoBlogs;
从“./blogs/games”导入游戏日志;
从“./blogs/it”导入ItBlogs
从“/blogs//education”导入EducationBlogs
//教育
从“./教育/教育”导入教育;
从“./education/Books”导入书籍;
从“./教育/视频”导入视频;
从“./教育/测验”导入测验
从“/教育/课程”导入课程
常量Main=()=>(
{/*所有项目*/}
{/* */}
{/*所有教育*/}
{/*所有博客*/}
)
导出默认主代码>您做得很好,而且您已经很好地构建了Main
React功能组件,这里只有一件事您必须使用BrowserRouter
请用
从'react router dom'导入{BrowserRouter};
常量Main=()=>(
//您的自定义路线
//未找到路由(404)
找不到
);
导出默认主;
加载资源失败:服务器响应状态为404()
WEB在本地主机和本地网络上运行良好,请不要向您寻求帮助的人喊叫这是否回答了您的问题?它不起作用:(@HAHAHAHA,请把你的浏览器控制台输出屏幕截图放进去。@hahaha,做一件事,把NotFound
Route
添加到你的路由器上,看看它是否工作,如果不工作,就意味着你的路由器工作正常。但是如果也没有找到Route
工作,就意味着主机问题。我已经更新了d我的答案没有找到路线
。
import { BrowserRouter } from 'react-router-dom';
const Main = () => (
<BrowserRouter>
<Switch>
//your custom routes
<Route> // not found route(404)
<p>Not Found</p>
</Route>
</Switch>
</BrowserRouter>
);
export default Main;