vue跨域题目

当地调试

可以通过在vue.config.js中设置devServer来实现跨域哀求。

2. module.exports = {
3.     publicPath: './',
4.     productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
5.     devServer: {
6.         proxy: {
7.             '/bi': {
8.                 target: 'http://1.11.113.20:1234/bi',  // 后台接口域名
9.                 ws: false,        //如果要代理 websockets，配置这个参数
10.                 secure: false,  // 如果是https接口，需要配置这个参数
11.                 changeOrigin: true,  //是否跨域
12.             }
13.         }
14.       },
15.       chainWebpack: config => {
16.         config.plugin('html')
17.             .tap(args => {
18.                 args[0].title = '';
19.                 return args;
20.             })
21.     }
22. }

复制代码

通过axios来哀求接口

2. try {
3.         const res = await axios.get('/bi/Viewer?proc=1&action=viewer&hback=true&db=__MY_DB__!2f!!672a!!547d!!540d!-1.db&platform=PC&browserType=chrome?token=eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6Ijk5NjM5YzVjLWE1MGYtNGI5OC04NDBiLWQxMjdjMGZhY2JmZSJ9.OVdKHrp1sRoMLdPftxm1DCESqIUBRQspR0kvOvGGFR4YxYIaWTYLFuTtA0o2mvsYpVk5I5BO2ag448QR3YPrqg');
4.         console.log(res?.data);
5.       } catch (error) {
6.         console.error(error);
7.       }

复制代码

项目发布后的跨域题目

必要运维设置ngnix，将前端域名和后端服务器映射起来。

嵌入外部网页，涉及跨域，单点登录

2. <iframe ref="iframe" class="iframeView"
3.       src="/bi/Viewer?proc=1&action=viewer&hback=true&db=__MY_DB__!2f!!672a!!547d!!540d!-1.db&platform=PC&browserType=chrome?token=eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjZiMDM1YjEzLWNkZTItNDc2ZC04YTliLTc1MjQxZDViOTc2ZiJ9.7TOj2ZkjpU3Iee-0t_MBdnPeK4ffm5KZmLBLbDxTieO4O_hqzENQ_G6SN0yY1CiyboADnjPKZ5Ur0oe4LSqzNA"
4.       frameborder="0" scrolling="auto"></iframe>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金