前端(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中的静态文件的指向