dvajs项目要部署到服务器上,dvaJs使用注意事項

1. 使用路由跳轉的方式

(1)所有的路由跳轉功能都放到 dva/router 里面的

import { routerRedux } from 'dva/router';

(2)routerRedux里面包含一些常用的跳轉路由的內容：

go: ƒ ()

goBack: ƒ ()

goForward: ƒ ()

push: ƒ ()

replace: ƒ ()

(3)該組件必須是通過connect連接到redux里面的組件，通過 this.props.dispatch 進行觸發

this.props.dispatch(routerRedux.push(path))

2. 通過Link跳轉

import { Link } from 'dva/router';

3. 設置全局樣式

(1)如果是直接設置div這樣的原生標簽，那么可以直接引入就行；

(2)如果是設置類選擇器的全局樣式，就需要使用:global，對於不同的樣式分別進行設置

:global(.w) {

background-color: pink;

}

4. 使用scss

(1)只需要安裝相應的包就行了(其他的什么都不用改)

import './index.scss'

import styles from './IndexPage.scss'

(2)但是這種方式還是要和cssMoudle一個使用

5. 實現跨域，在.webpackrc中添加

"proxy": {

"/": {

"target": "https://www.yichaapp.com/",

"changeOrigin": true

}

}

6. 圖片懶加載方案 lazysizes

(1)src是替代圖片

(2)data-src是正式圖片