记账系统（二）-环境配置

                        前端（vue）+服务器（node.js）环境配置

---

前言

前端代码框架vue.js，服务器语言node.js的express框架；打包工具-webpack

一、在项目中config--》index.js通过代理的方式连接到node服务器：

代码结构：

代码修改：在dev添加代理配置

dev: {
   ....
    //通过代理让前后端http请求都转到node的3000端口，而不是前端的8080端口
    proxyTable: {
      '/':{
        target:"http://localhost:3000/",//node服务器域名
        changeOrigin: true,
        pathRewrite:{
          '^/':''
        }
      }
    }
   ....
  },

二、通过打包工具webpack生成静态代码文件dist

【1】cmd中进入项目文件夹，输入”npm run build“,生成dist文件夹；

三、修改node中server.js中的静态文件的指向