vue-cli3项目链接后端接口配置

1、接口地址配置

vue.config.js

const model = 'build' // dev 为开发环境 build 为测试环境  product 为生产环境
let host = 'http://39.106.171.35:8090';
if (model == 'build') {
    host = 'http://39.106.171.35:8090'
}else if (model == 'dev') {
    host = 'http://localhost:8090'
}

module.exports = {
    // runtimeCompiler: true ,
    publicPath:"./",
    outputDir:'dist',
    assetsDir: 'static',
    devServer: {
        port: 8342,
        proxy: {
            '/api': {
                target: host, //对应自己的接口
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

2、wormService.js

import {Api} from 'see-web-basic'
let baseURL = window.g.ApiUrl

export default {
    list(params) {
        return Api.get(baseURL.wormService + '/HouseInfo/list', params)
    },
    getRank(params)
    {
        return Api.get(baseURL.wormService + '/HouseInfo/getRank',params)
    },
    selectCity(params)
    {
        return Api.post(baseURL.wormService + '/HouseInfo/selectCity',params)
    },
    statisticalProportio()
    {
        return Api.get(baseURL.wormService + '/HouseInfo/statisticalProportio')
    },
    communityRank(params)
    {
        return Api.get(baseURL.wormService + '/HouseInfo/communityRank',params)
    },
    getCompanyCount(params)
    {
        return Api.get(baseURL.wormService + '/HouseInfo/getCompanyCount',params)
    },
    getAgentAndHouseCount(params)
    {
        return Api.post(baseURL.wormService + '/HouseInfo/getAgentAndHouseCount',params)
    },
    getCommunityCount()
    {
        return Api.get(baseURL.wormService + '/HouseInfo/getCommunityCount')
    },
    getCompanyRankByCommunity(params)
    {
        return Api.get(baseURL.wormService + '/HouseInfo/getCompanyRankByCommunity',params)
    },
    getsLineByCommunity(params){
        return Api.post(baseURL.wormService + '/HouseInfo/getsLineByCommunity',params)
    },
    getsLineByCommunites(params){
        return Api.post(baseURL.wormService + '/HouseInfo/getsLineByCommunites',params)
    }
}

3、index.js

import axios from 'axios'
import { apiConfig } from 'see-web-basic'
import wormService from './wormService.js' // 系统设置

axios.defaults.timeout = 200000

apiConfig.registry({
    wormService
})

4、IPconfig.js

// const model = 'a-dev' // dev 为开发环境 build 为测试环境  product 为生产环境

let host = '/api'

let baseURL = {
  wormService: host // 白名单管理
}

window.g = {
  host: host,
  ifToC: false, // false toB模式; ture toC模式 

  ApiUrl: baseURL
}

5、index.html

6、router.js

import Vue from 'vue'
import Router from 'vue-router'

import HelloWorld from './components/HelloWorld'

Vue.use(Router)

export default new Router({
    mode:'hash',
    routes:[
        {
            path: '/',
            name: HelloWorld,
            component: HelloWorld
        }
    ]
})

7、main.js引入

import router from './router'