配置反向代理解决跨域问题
反向代理用来解决前端跨域问题,设置很简单,在 vue-cli 项目的 config 文件夹 index.js 文件下进行如下设置即可:
module.exports = {
devServer: {
proxy: {
'/ajax': {
// 代理的目标服务器地址,这个路径是我代理到服务器,即你要请求的第三方接口
target: 'https://m.maoyan.com', // 跨域地址
// ws: true,
changeOrigin: true // 是否跨域
}
// '/foo': {
// target: '<other_url>'
// }
}
}
}
import axios from ‘axios’
引用这个库
mounted () {
axios.get('/ajax/movieOnInfoList?token=&optimus_uuid=74FAB4D0E51611EA9FC9F3A0084BA9D0F039679D36D54C628BA956042B565A86&optimus_risk_level=71&optimus_code=10').then(res => {
console.log(res.data)