美文网首页前端
vue 下面开发环境配置,以及跨域处理

vue 下面开发环境配置,以及跨域处理

作者: 风杉 | 来源:发表于2018-08-18 23:38 被阅读0次

'use strict'

// Template version: 1.3.1

// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

const envConfig = require('./config')

module.exports = {

dev: {

// Paths

    assetsSubDirectory:'static',

    assetsPublicPath:'/',

    proxyTable: {

'/api/': {//使用"/api"来代替"http://f.apiplus.c"

        target:envConfig.env.proxy, //源地址

        changeOrigin:true, //改变源

        pathRewrite: {

'^/api/':'/' //路径重写

        }

}

},

    // Various Dev Server settings

    host:'localhost', // can be overwritten by process.env.HOST

    port:8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

    autoOpenBrowser:false,

    errorOverlay:true,

    notifyOnErrors:true,

    poll:false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

    /**

* Source Maps

*/

    // https://webpack.js.org/configuration/devtool/#development

    devtool:'cheap-module-eval-source-map',

    // If you have problems debugging vue-files in devtools,

// set this to false - it *may* help

// https://vue-loader.vuejs.org/en/options.html#cachebusting

    cacheBusting:true,

    cssSourceMap:true

  },

  build: {

// Template for index.html

    index:path.resolve(__dirname, '../dist/index.html'),

    // Paths

    assetsRoot:path.resolve(__dirname, '../dist'),

    assetsSubDirectory:'static',

    assetsPublicPath:'/',

    /**

* Source Maps

*/

    productionSourceMap:true,

    // https://webpack.js.org/configuration/devtool/#production

    devtool:'#source-map',

    // Gzip off by default as many popular static hosts such as

// Surge or Netlify already gzip all static assets for you.

// Before setting to `true`, make sure to:

// npm install --save-dev compression-webpack-plugin

    productionGzip:false,

    productionGzipExtensions: ['js', 'css'],

    // Run the build command with an extra argument to

// View the bundle analyzer report after build finishes:

// `npm run build --report`

// Set to `true` or `false` to always turn it on or off

    bundleAnalyzerReport: process.env.npm_config_report

}

}

这一块设置代理

config文件夹设置配置文件;

配置如下:

// 开发配置

const dev={

host:'/api',

  proxy:'http://192.168.1.112:9020'

}

// 测试配置

const prod={

host:'/api',

  proxy:'http://192.168.1.25:8080'

}

module.exports.env =dev;

相关文章

网友评论

    本文标题:vue 下面开发环境配置,以及跨域处理

    本文链接:https://www.haomeiwen.com/subject/lqwnbftx.html