dvajs项目要部署到服务器上,dvaJs使用注意事項
1. 使用路由跳轉(zhuǎn)的方式
(1)所有的路由跳轉(zhuǎn)功能都放到 dva/router 里面的
import { routerRedux } from 'dva/router';
(2)routerRedux里面包含一些常用的跳轉(zhuǎn)路由的內(nèi)容:
go: ? ()
goBack: ? ()
goForward: ? ()
push: ? ()
replace: ? ()
(3)該組件必須是通過connect連接到redux里面的組件,通過 this.props.dispatch 進(jìn)行觸發(fā)
this.props.dispatch(routerRedux.push(path))
2. 通過Link跳轉(zhuǎn)
import { Link } from 'dva/router';
3. 設(shè)置全局樣式
(1)如果是直接設(shè)置div這樣的原生標(biāo)簽,那么可以直接引入就行;
(2)如果是設(shè)置類選擇器的全局樣式,就需要使用:global,對於不同的樣式分別進(jìn)行設(shè)置
:global(.w) {
background-color: pink;
}
4. 使用scss
(1)只需要安裝相應(yīng)的包就行了(其他的什么都不用改)
import './index.scss'
import styles from './IndexPage.scss'
(2)但是這種方式還是要和cssMoudle一個使用
5. 實(shí)現(xiàn)跨域,在.webpackrc中添加
"proxy": {
"/": {
"target": "https://www.yichaapp.com/",
"changeOrigin": true
}
}
6. 圖片懶加載方案 lazysizes
(1)src是替代圖片
(2)data-src是正式圖片
總結(jié)
以上是生活随笔為你收集整理的dvajs项目要部署到服务器上,dvaJs使用注意事項的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 18051 勾股数
- 下一篇: 导出excel,前后台代码示例