vue中mock数据过渡到请求后台接口

拇指一代
  • 290
const path = require('path')
const webpack = require('webpack')
const resolve = dir => path.join(__dirname, dir)
const BASE_URL = process.env.NODE_ENV === 'production' ? '/ocean/' : '/'

let TARGET = 'http://192.***.*.***:8082'
 

module.exports = {
    lintOnSave: false,
    publicPath: BASE_URL,
    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('_c', resolve('src/components'))
    },
    //打包是不生成.map文件 减少打包体积 加快打包速度
    productionSourceMap: false,
    // 配置代理
    devServer: {
        open: true,
        host: 'localhost',
        port: 3000,
        https: false,
        hotOnly: false,
        proxy: {
            '/api': {
                target: TARGET, 
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

main.js
if (process.env.NODE_ENV !== 'production') require('./mock')
image.png
image.png
image.png
这些就是目前的配置 我优先请求后台接口 后台接口是http://127..*.:8082/login/phone
这样的 如何配置vue.config.js 求教 谢谢

回复
阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏