开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第28天，点击查看活动详情
Nodejs设置跨域
app.use('*', function (req, res, next) {
//设置请求头允许为跨域
res.header("Access-Control-Allow-Origin", "*" );
//设置服务器支持的所有头信息字段
res.header("Access-Control-Allow-Headers", "Content-Type",Content-Length, Authorization, Accept, X-Request-Width);
//设置服务器支持的所有跨域请求的方法
res.header("Access-Control-Allow-Methods", "POST,GET");
//next()方法表示进入下一个路由
next();
})
基于Promise规范的fetch API的使用
项目结构搭建和布局
1.运行npm install antd --save 安装ant design
2.导入相关组件
import { DatePicker } from 'antd';
3.导入样式
import 'antd/dist/antd.css';
实现ANT组件的按需加载
1.运行cnpm i babel-plugin-import --save-dev
2.修改.babelrc文件
{
"presets":["es2015", "stage-0", "react"],
"plugins": [
"transform-runtime",
["import", { "libaryName": "antd", "style": "css"}]
]
}
3.只需要从antd中引入模块就可以
使用react-router-dom实现路由跳转
HashRouter,所有的Router和Link都要在HashRouter中使用素
只能有唯一的一个子元素
Link 点击Link,跳转到相应的路由页面,路由地址的切换
Route 路由匹配规则,当路由地址发生变化,匹配定义好的路由规则,匹配到路由骨折,展示路由规则对应的页面
Route还是一个占位符,匹配到的组件页面,会展示到Route所在的位置
//path指定了路由匹配规则,component制定了当前规则对应的组件
通过Route的exact属性,表示当前Route是进行精确匹配的
可以使用Redirect实现路由的重定向
ReactNative发布一个apk
1.正确配置所有RN环境
2.cmd中运行 keytool -genkey -vkeystore my-release-key2.keystore -alias my-key-alias2 -keyalg RSA -keysize 2048 -balidity 10000
3.生成了签名之后默认保存到用户目录下
4.将签名证书复制到android/app目录下
5.编辑android -> gradle.properties文件
6.编辑build.gradle文件
7.进入项目根目录下的android文件夹, 输入./gradlew assembleRelease开始发布APK的Release版本
8.发行完毕后,进入自己项目的android\app\build\outputs\apk目录中,找到app-release.apk上传到各大应用商店
!秘钥库文件,不要上传到版本库
