VUE项目中调用如何两个接口

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (260)

Mysql (59)

DedeCms (33)

jQuery (74)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

接口 vue

打开边栏(ESC) 关闭边栏(ESC)

在项目根目录下新建config.js文件

vue.config.js 配置

module.exports = {
    devServer: {
        port: 8080,
        proxy: {
            // 要走第二個服務器的URL 的寫法 : /api + 远程机器的path   
            // 第一台服务器配置 
            '/api': {
                //目标路径
                target: 'http://localhost:8000/api/',
                ws: true,
                //允许跨域
                changeOrigin: true,
                //重写路径
                pathRewrite: {
                    '^/api': '/'
                }
            },
 
            // 要走第二個服務器的URL 的寫法 : /api2 + 远程机器的path   
            // 第二台服务器配置 
            '/sec': {
                //目标路径
                target: 'http://localhost:9081',
                ws: true,
                //允许跨域
                changeOrigin: true,
                 //重写路径
                pathRewrite: {
                    '^/sec': '/'
                }
            }
        }
    }
}

2.axios修改配置,让axios配置地址为空字符串

let instance = axios.create({
    baseURL: ""
});

3.封装请求方法中,前缀调用不同接口发送请求

//  请求前缀为"/api"
export function addUsers(data) {
     return instance.post('/api/server/append', {...data });
 }
 
//  请求前缀为"/sec"
 export function getOtherAPi() {
     return instance.get('/sec');
 }

赏