本篇教程介绍了Node.js教程 基于react-create-app和Node.js搭建项目，希望阅读本篇文章以后大家有所收获，帮助大家对Node.js的理解更加深入。

<

使用react-create-app创建项目

全局安装 npm install -g create-react-app
创建项目 create-react-app + 项目名称

引入sass处理器编写样式
安装：

"node-sass-chokidar": "^1.3.0",
"npm-run-all": "^4.1.3",

package.json如下：

"scripts": {
    "build-css": "node-sass-chokidar src/assets/sass -o src/assets/css",
    "watch-css": "npm run build-css && node-sass-chokidar src/assets/sass -o src/assets/css --watch --recursive",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    "build-js": "react-scripts build",
    "build": "npm-run-all build-css build-js",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
配置方法
配置代理到node层

"proxy": {
    "/api": {
      "target": "//localhost:4222/"
    }
  }

使用
node层配置：
app.use(‘/api/productSve‘, productSve);
router.get(‘/getProducts‘, function (req, res) {  var results = {    id : 1,    title : ‘电脑‘,    price : 5000,  }  res.json(results);});
react中使用：
componentDidMount() {  fetch(‘/api/productSve/getProducts‘)    .then(res => {      res.json()    })    .then(data => {      console.log(data)    })    .catch(err => {      console.log(err)    })}
   

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道！