Node配合express搭建后台设置默认访问路径

将前端页面的目录放置到静态资源目录内( 我这里是src )

• 后台目录图

  
  image.png

配置默认访问路径

• 通过中间件的方式使用express提供的static方法

app.use(express.static(__dirname+'/src/dist/',{index(可自定义) : "index.html"})); // __dirname为当前index.js所在的绝对路径

所有代码

const express = require('express');
const app = express();
const Mock = require('mockjs')
// 引入history代理
const history = require('connect-history-api-fallback');
const data = Mock.mock({
    'list|1-10' : [{
        'id|2-5.2-5' : new Number(1)
    }]
})

console.log(JSON.stringify(data , null , 4))

app.use( history() );
app.listen( 9999 , 'localhost' , () => {
    console.log('localhost:9999');
})

app.use(express.static(__dirname+'/src/dist/',{index : "index.html"}));

app.get('/data' , ( request , response )=> {
    console.log(request);
    console.log(data);
    response.send({
        msg : 0,
        data : data
    })
})