react build后直接从浏览器打开

存在两个问题

一，资源文件路径

config/paths.js

这里原来的.pathname:'/', 改成.pathname:'./'

function getServedPath(appPackageJson) {const publicUrl = getPublicUrl(appPackageJson);const servedUrl =envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');return ensureSlash(servedUrl, true);
}

由此，背景图片的地址可能是

.add-bank-sign {background: url("./../img/index.png"); //路径前面加'./'
}

二，当点击路由跳转的时候，会出现这样的报错

解决方案：

routes/index.js

把原来的

import { BrowserRouter as Router,Route, Switch, Redirect } from 'react-router-dom'

改成：

import { HashRouter as Router, Route, Switch, Redirect } from 'react-router-dom'

就可以了

当然开发的时候，最好BrowserRouter

转载于:https://www.cnblogs.com/wang715100018066/p/10669158.html

react build后直接从浏览器打开相关推荐

初次尝试HTML，用记事本编写代码并以html格式保存后用Google浏览器打开
<html> <head> <title>第一次学习前端</title> </head> <body> <div styl ...
Springboot项目启动后自动在浏览器打开
Springboot项目启动后自动在浏览器打开(超简单)_杨默他的国的博客-CSDN博客_springboot启动后怎么看网页 try {InetAddress addr = InetAddress. ...
win10更新后 chrome内核浏览器打开网页一直加载，显示正在创建安全连接甚至打不开解决方法
更新win10之后如果出现chrome内核的浏览器网页总是打不开打开很慢,显示正在创建安全连接而ie和是可以正常访问的让人苦恼不已,用这个方法后已解决问题. 近期,工程师收到大量反馈360浏览器 ...
进入微信后提示用浏览器打开
先展示下效果: 第一步:css样式 <style type="text/css">*{margin:0; padding:0;}a{text-decoration: n ...
Unity发布WebGL后使用手机浏览器打开Touch手指触摸无法响应
unity5.6.5,使用触摸操作对物体进行旋转时 //在浏览器中GetAxis("Mouse X")和GetAxis("Mouse Y")始终为0 Input ...
【Vue】qq浏览器打开空白
问题描述 Vue 项目在qq浏览器打开后空白执行命令npm run dev后用qq浏览器打开 F12 默认打开的是IE的控制台(如下) 在其他页面打开控制台正常,都是qq浏览器的控制台 qq浏览器设 ...
react中build后的项目资源找不到问题
我们在react项目中运行cnpm run build后,打完包生成项目放在服务器下会报404找不到资源,问题就是喜闻乐见的路径设置问题了 react脚手架默认的打包路径是/ ,你可以打开打完包的in ...
Android应用被卸载后，自动使用浏览器打开指定连接（或编写C代码执行其他操作）
本文,提供"Android应用被卸载后,自动使用浏览器打开指定连接"的方法. 原理:在安卓程序中某处,基于JNI调用C代码开启一个子进程监控应用在系统中的文件目录,一旦应用被卸载 ...
python画图保存成html格式、用浏览器打开页面为空白_解决pyecharts运行后产生的html文件用浏览器打开空白...
根据网站资源引用说明:pyecharts 使用的所有静态资源文件存放于 pyecharts-assets 项目中,默认挂载在 https://assets.pyecharts.org/assets/ ...

react build后直接从浏览器打开

react build后直接从浏览器打开相关推荐

最新文章

热门文章