网站可以在外地备案吗,君隆做网站怎么样,263企业邮箱网页版登录,怎么注册网站的步骤❀官网
1、安装脚手架#xff1a;npm install -g create-react-app
2、查看版本#xff1a;create-react-app -V
#xff01;#xff01;#xff01;注意 Node版本必须是14以上#xff0c;不然会报以下错误。 3、创建react项目#xff08;项目名不能包含大写字母npm install -g create-react-app
2、查看版本create-react-app -V
注意 Node版本必须是14以上不然会报以下错误。 3、创建react项目项目名不能包含大写字母npx create-react-app 项目名称
npx 是 npm 5.2 附带的 package 运行工具。create-react-app 创建的项目默认无法看到 webpack 的相关配置如果想要配置 webpack需要执行 npm run eject命令
4、运行 react 项目npm start
5、react中使用video标签显示本地视频不生效问题
使用require进行引入路径即可。
video classNamevideoStyle src{require(./video/3.mp4)} autoPlay muted loop/video6、重写脚手架的配置参考链接
tips react-app-rewired2.x 版本需要搭配 customize-cra 使用。安装 npm i react-app-rewired customize-cra --save-dev在根目录下新建文件config-overrides.js写入代码module.exports function override(config, env) {return config
}重写package.json中的配置
7、react项目本地代理
create-react-app脚手架若在2.0版本以下 直接在package.json中配置proxy:{/api:{target:http://127.0.0.1:3000, # 代理地址changeOrigin: true, # 是否允许跨域pathRewrite: { # 重写路径^/api: /},}
}create-react-app脚手架若在2.0版本以上配置一个代理 直接在package.json中配置proxy: http://127.0.0.1:3000 # 只能是字符串create-react-app脚手架若在2.0版本以上配置多个代理 安装 http-proxy-middlewarenpm i http-proxy-middleware --save-dev在 src 的根目录下新建文件 setupProxy.js文件名称固定不能更改写入代码 // http-proxy-middleware V1.0版本以下使用const proxy require(http-proxy-middleware)module.exports function(app) {app.use(proxy(/api, {target: http://localhost:3000/,changeOrigin: true,// pathRewrite: {// ^/api: // }}))}// http-proxy-middleware V1.0版本以上使用const { createProxyMiddleware } require(http-proxy-middleware);module.exports function (app) {app.use(createProxyMiddleware(/api, {target: http://127.0.0.1:3000,secure: false, # 指定Cookies能否被用户读取changeOrigin: true,pathRewrite: {^/api: /},}),createProxyMiddleware(/api1, {target: http://127.0.0.1:3001,secure: false, # 指定Cookies能否被用户读取changeOrigin: true,pathRewrite: {^/api1: /},}));};8、配置多环境打包官网文档
安装 dotenv-cli npm i dotenv-cli -D新建环境文件并且写入路径路径必须以 REACT_APP 开头修改 package.json 中的 scripts来指定环境: 执行 npm run build:dev 即可在 index.html文件中使用%REACT_APP_URL_API%在 js/jsx文件 中使用process.env.REACT_APP_URL_API
9、打包上线后静态资源css和js报404
需要在package.json文件中添加homepage: ./进行重新打包即可。
