srping项目改造微服务(一)-前后端分离

1、由于项目本身为前后端分离,但前端页面和后端代码是同一个项目中,需要将前端服务单独拆分出来,初步考虑生产使用nginx前端+反向代理到后台,考虑开发的方便,打算使用nodeJs作为前端独立项目调试工具。

2、文件夹增加server.js 内容如下:

const express = require('express');
const path = require('path');
const { createProxyMiddleware } = require('http-proxy-middleware');

const app = express();

//静态资源
app.use(express.static('resources'));
app.use('/resources', express.static('resources'));
app.use('/pages', express.static('pages'));

//反向代理
app.use("/", createProxyMiddleware({target:'http://localhost:8000/ippc-web-dzsq-test/',changeOrigoin:true}));

//监听服务
const PORT = 8080;
app.listen(PORT, () => {
  console.log('HTTP Server is running on: http://localhost:%s', PORT);
});

使用express+http-proxy-middleware实现服务和代理。

使用如下命令启动服务:

node server.js

3.考虑前端开发时代码调整浏览器自动刷新功能。

使用browser-sync组件,官网为:http://www.browsersync.cn/

安装 BrowserSync

cnpm install -g browser-sync

使用如下命令即可代理步骤2中启动的服务,并且监听目录下html文件,实现当文件更新时浏览器自动刷新

start browser-sync start --proxy "localhost:8080" --files "pages/**/*.html,resources/**/*.html"

 

你可能感兴趣的:(旧项目改造微服务)