项目打包后配置到node服务器

1.将项目进行打包

  npm run build项目根目录下会多出一个打包好的由.js .html .css文件组成的dist文件夹,如图

2.搭建node微型服务器

  新建文件夹命名"node服务器",npm init进行初始化,起好包名字node-server然后一路回车,目录下多出package.json文件,

  npm i express搭建node服务器

3.打包好的项目配置到服务器

  在这个新建文件夹根目录下新建static文件夹,再将刚才打包好的dist文件夹下文件放入这个static文件夹,

  新建server.js文件,去配置服务器,如图

4.也可在server.js文件配置history中间件来解决前端路由history模式下刷新出现404的局面

 5.在终端运行node server开启服务器，然后浏览器输入localhost:5005打开项目