美文网首页前端之美-VueJs
vue跨域文件vue.config.js

vue跨域文件vue.config.js

作者: 张三爱的歌 | 来源:发表于2019-08-26 16:03 被阅读0次

const path = require('path')
const debug = process.env.NODE_ENV !== 'production'

module.exports = {
baseUrl: './', // 根域上下文目录
outputDir: 'dist', // 构建输出目录
assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)
lintOnSave: false, // 是否开启eslint保存检测,有效值:ture | false | 'error'
runtimeCompiler: true, // 运行时版本是否需要编译
transpileDependencies: [], // 默认babel-loader忽略mode_modules,这里可增加例外的依赖包名
productionSourceMap: true, // 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度
configureWebpack: config => { // webpack配置,值位对象时会合并配置,为方法时会改写配置
if (debug) { // 开发环境配置
config.devtool = 'cheap-module-eval-source-map'
} else { // 生产环境配置
}
// Object.assign(config, { // 开发生产共同配置
// resolve: {
// alias: {
// '@': path.resolve(__dirname, './src'),
// '@c': path.resolve(__dirname, './src/components'),
// 'vue$': 'vue/dist/vue.esm.js'
// }
// }
// })
},
chainWebpack: config => { // webpack链接API,用于生成和修改webapck配置,https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
if (debug) {
// 本地开发配置
} else {
// 生产开发配置
}
},
parallel: require('os').cpus().length > 1, // 构建时开启多进程处理babel编译
pluginOptions: { // 第三方插件配置
},
pwa: { // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
},
devServer: {
open: true,
host: 'localhost',
port: 8080,
https: false,
hotOnly: false,
proxy: { // 配置跨域
'/api': {
target: 'http://localhost:4000/api/',
ws: true,
changOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
before: app => { }
}
}

相关文章

  • vue学习笔记(九)跨域请求

    实现跨域请求 vue.config.js文件

  • uni-app及vue浏览器跨域问题解决

    以猫眼电影接口为例: 假设请求接口 遇到跨域问题 vue解决跨域 在项目根目录下新建vue.config.js文件...

  • 2021-02-23

    一、什么是跨域 二、vue.config.js 跨域配置

  • Vue-cli常用配置

    以下所以配置都在vue.config.js文件的module.exports = { } 中 基本配置 跨域配置 ...

  • Vue-跨域的产生及解决办法

    本篇参考如下文章: vue3.0 vue.config.js 配置跨域 vue-cli3设置代理跨域详解 vue-...

  • vue跨域解决方法

    vue跨域解决方法使用axios请求第一步骤在vue.config.js 文件中 module.exports =...

  • webpack解决跨域问题

    开发环境跨域: 使用vue-cli搭建的前端项目,可通过在vue.config.js文件中配置代理解决 没试过,看...

  • vue 跨域的配置

    关于跨域的配置真是累呀 在网上找了资料 才成功实现跨域了 其实主要在vue.config.js 来配置跨域

  • vue跨域问题

    vue前端网页遇到跨域问题,我们需要在vue.config.js中配置devServer:{}内容

  • vue配置反向代理

    Vue跨域配置- - -反向代理配置 1.脚手架配置:vue.config.js /参考:/https://cli...

网友评论

    本文标题:vue跨域文件vue.config.js

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