vue 音乐App QQ音乐搜索列表最新接口跨域设置

在 webpack.dev.config.js中

'use strict'= require('./utils'= require('webpack'= require('../config'= require('webpack-merge'= require('path'= require('./webpack.base.conf'= require('copy-webpack-plugin'= require('html-webpack-plugin'= require('friendly-errors-webpack-plugin'= require('portfinder' const express = require('express'= require('axios'= apiRoutes ='/api' == process.env.PORT &&const devWebpackConfig = merge(baseWebpackConfig,{
module: {
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap,usePostCSS: true })
},// cheap-module-eval-source-map is faster for development
 devtool: config.dev.devtool,// these devServer options should be customized in /config/index.js
 devServer: {
clientLogLevel: 'warning',historyApiFallback: {
rewrites: [
{ from: /.*/,to: path.posix.join(config.dev.assetsPublicPath,'index.html') },],},//----------------axios 结合 node.js 代理后端请求
 before(app) {
// 推荐热门歌单
app.get('/api/getDiscList',function(req,res) {
var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'
axios.get(url,{
headers: {
referer: 'https://c.y.qq.com/',host: 'c.y.qq.com'
},params: req.query
}).then((response) => {
res.json(response.data)
}).catch((e) => {
console.log(e)
})
}),// 歌词
app.get('/api/getLyric',res) {
var url = 'https://c.y.qq.com/lyric/fcgi-bin/fcg_query_lyric_new.fcg'

            axios.get(url,params: req.query
                })
                .then((response) </span>=><span style="color: #000000"&gt; {
                    </span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; jsonp 数据转为 json 数据</span>
                    <span style="color: #0000ff"&gt;var</span> result =<span style="color: #000000"&gt; response.data
                    </span><span style="color: #0000ff"&gt;if</span> (<span style="color: #0000ff"&gt;typeof</span> result === 'string'<span style="color: #000000"&gt;) {
                        </span><span style="color: #0000ff"&gt;var</span> reg = /^\w+\(({[^()]+})\)$/
                        <span style="color: #0000ff"&gt;var</span> matches =<span style="color: #000000"&gt; result.match(reg)

                        </span><span style="color: #0000ff"&gt;if</span><span style="color: #000000"&gt; (matches) {
                            result </span>= JSON.parse(matches[1<span style="color: #000000"&gt;])
                        }
                    }
                    res.json(result)
                    </span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; res.json(response.data)</span>

})
.catch((error) => {
console.log(error)
})
}),//搜索列表接口
// https://c.y.qq.com/soso/fcgi-bin/search_for_qq_cp
app.get('/api/search',res) {
var url = 'https://c.y.qq.com/soso/fcgi-bin/search_for_qq_cp'
axios.get(url,params: req.query
}).then((response) => {
res.json(response.data)
}).catch((e) => {
console.log(e)
})
})
},//----------------axios 结合 node.js 代理后端请求
hot: true,contentBase: false,// since we use CopyWebpackPlugin.
compress: true,host: HOST || config.dev.host,port: PORT || config.dev.port,open: config.dev.autoOpenBrowser,overlay: config.dev.errorOverlay ? { warnings: false,errors: true } : false,publicPath: config.dev.assetsPublicPath,proxy: config.dev.proxyTable,quiet: true,// necessary for FriendlyErrorsPlugin
 watchOptions: {
poll: config.dev.poll,}
},plugins: [
new webpack.DefinePlugin({
'process.env': require('../config/dev.env')
}),new webpack.HotModuleReplacementPlugin(),new webpack.NamedModulesPlugin(),// HMR shows correct file names in console on update.
new webpack.NoEmitOnErrorsPlugin(),// https://github.com/ampedandwired/html-webpack-plugin
new HtmlWebpackPlugin({
filename: 'index.html',template: 'index.html',inject: true
}),// copy custom static assets
new CopyWebpackPlugin([{
from: path.resolve(__dirname,'../static'),to: config.dev.assetsSubDirectory,ignore: ['.*']
}])
]
})

module.exports = new Promise((resolve,reject) => {
portfinder.basePort = process.env.PORT || config.dev.port
portfinder.getPort((err,port) => {
if (err) {
reject(err)
} else {
// publish the new Port,necessary for e2e tests
process.env.PORT = port
// add port to devServer config
devWebpackConfig.devServer.port = port

        </span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; Add FriendlyErrorsPlugin</span>
        devWebpackConfig.plugins.push(<span style="color: #0000ff"&gt;new</span><span style="color: #000000"&gt; FriendlyErrorsPlugin({
            compilationSuccessInfo: {
                messages: [`Your application is running here: http:</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt;${devWebpackConfig.devServer.host}:${port}`],</span>

},onErrors: config.dev.notifyOnErrors ? utils.createNotifierCallback() : undefined
}))

        resolve(devWebpackConfig)
    }
})

})

在请求金封装的接口中

= '/api/search' = g_tk:53810'json''utf-8''utf-8'0'h5'11? 1 : 001'utf-8'1020'txt.mqq.all'1537612841753return axios.get(url,{
params: data
}).then((res) => {
//成功后返回
return Promise.resolve(res.data)
})
}

vue 音乐App QQ音乐搜索列表最新接口跨域设置

相关文章