在老版本的vue-cli中，数据接口是在build目录下的dev-sever.js中添加的。vue-cli升级到2.9.1后，webpack升级到v3.6.0，去掉了dev-server和dev-client。两个文件，在webpack.dev.conf.js中设置1.找到build文件夹2.找到文件，webpack.dev.conf.js文件3.找到constportfinder=require('portfinder')这一句，加入以下代码constaxios=require('axios');constexpress=require('快递');constapiRoutes=express.Router();4.在constdevWebpackConfig=merge(baseWebpackConfig,{}中找到devServer，添加代码},//cheap-module-eval-source-map开发速度更快devtool:config.dev.devtool,//这些devServer选项应该在/config/index.js中自定义:{rewrites:[{from:/.*/,to:path.posix.join(config.dev.assetsPublicPath,'index.html')},],},hot:true,contentBase:false,//因为我们使用CopyWebpackPlugin.compress：真，主机：主机||config.dev.host，端口：PORT||config.dev.port，打开：config.dev.autoOpenBrowser，覆盖：config.dev.errorOverlay？{warnings:false,errors:true}:false,publicPath:config.dev.assetsPublicPath,proxy:config.dev.proxyTable,quiet:true,//FriendlyErrorsPlugin必需的watchOptions:{poll:config.dev.poll,},//在methodbefore(apiRoutes){apiRoutes.get('/api/getDiscList',(req,res)=>{//这里是要链接的api地址consturl='https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg';axios.get(url,{headers:{//配置api地址refererreferer:'https://c.y.qq.com/',//配置api地址hosthost:'c.y.qq.com'},params:req.query//这是请求的query}).then((response)=>{//response是api地址返回的，数据在data中.res.json(response.data)}).catch((e)=>{console.log(e);})});app.use('/api',apiRoutes);}}
