vue2-vue.config.js

于 2024-03-01 13:38:18 发布
阅读量445 收藏 10
点赞数 10
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaohr0225/article/details/136393736
版权
本文介绍了如何在VueCLI的配置文件中，设置不同的文件路径以适应开发和生产环境，并详细解释了如何配置devServer的proxy以正确代理API路径，避免因命名冲突导致的404问题。
摘要由CSDN通过智能技术生成 
const { defineConfig } = require('@vue/cli-service')
let developmentPath = '/'; // 开发环境 - npm run serve 时引用文件路径
let productionPath = './';
module.exports = defineConfig({
  publicPath: process.env.NODE_ENV === 'production' ? productionPath: developmentPath, // 基本路径-引用文件的路径
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    proxy: {

      // 此处若使用 "/api1" 类似命名可能会导致请求时只截取api部分接口出现404错误，因此命名时尽量避免此类命名方式。
      // 既命名不要相似 有/api 就不要再出现/api2

      '/CloudFilm': {
        target: 'https://xxxx:8181/CloudFilm',
        changeOrigin: true,
        secure: false,
        pathRewrite: {
          '^/CloudFilm': '/'
        }
      },

    },
  },
})

vue.config.js

真想甩手不干
关注
  • 10
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue2 在vue.config.js里webpack基本配置项
Noctis99的博客
01-31 720
w
vue.config.js
03-13
vue.config.js vue-cli3配置一些基本的信息
Vue2 系列：vue.config.js 参数配置
weixin_64684095的博客
06-29 9297
注意：其值应该是一个对象，对象的 key 是入口的名字，value 是：1.一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的)；说明：部署应用包时的基本 URL，例：https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/说明：放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。默认值：'index.html'
vue2之vue.config.js最全配置教程
热门推荐
xhd11257339的博客
04-09 1万+
vue.config.js的简单配置
Vue2之vue.config.js的webpack配置文件详解
Mr.小灰狼_随笔
02-25 1万+
Vue 之 vue.config.js 的webpack配置文件详解 目录 一、常用配置项 1、导出模块 2、publicPath 部署应用包的基本Url 3、outputDir 输出文件目录 4、assetsDir 打包后生成的静态资源目录 5、lintOnSave 6、productionSourceMap 生产环境的 source map 7、​​​​​​​devServer 8、css相关配置
vue2的vue.config文件
suzhiwei_boke的博客
09-07 588
/ warnings: false, // 若打包错误，则注释这行。// ============注入cdn start============// ============注入cdn start============// ============压缩图片 start============// ============压缩图片 end============// 生产环境或本地需要cdn时，才注入cdn。// 本地环境是否需要使用cdn。// cdn的css链接。// cdn的js链接。
vue - vue.config.js中devServer配置方式
10-16
在Vue.js开发过程中，`vue.config.js` 文件是用于配置项目的，特别是对于开发环境的设置。其中，`devServer` 配置对象是至关重要的，因为它控制着开发服务器的行为，包括如何处理跨域请求、代理服务器设置以及端口...
vue-video-player.zip
09-09
7. **babel.config.js**：Babel是一个JavaScript编译器，用于将ES6+的新特性转换为向后兼容的JavaScript代码。在这个项目中，Babel可能被用来确保Vue-video-player在不支持新语法的环境中也能正常运行。 8. **...
vue-websocket：Vue.js的简单websocket（socket.io）插件
02-06
Vue网络套接字 Vue.js的插件。 该软件包不支持本地websockets 。 当时，我们建议使用或。 有关此问题的持续讨论，请访问 。安装您可以使用npm安装此软件包，也可以通过下载主插件文件进行手动安装。npm $ npm ...
vue-universal-cookies Vue.js / Nuxt.js的同构cookie插件支持浏览器，Express，http（节点）。-Vue.js开发
05-27
在Nuxt.js中安装npm install --save nuxt-universal-cookies // nuxt.config.js module.exports = {模块：[{src：'nuxt-universal-cookies'，选项：{}}]，}; 在Vue.js中安装npm install --save vue-universal-...
vue.config.js常用配置详解
10-15
主要介绍了vue.config.js常用配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
初入Vue（二）-vue.config.js
develop_csdn的博客
08-05 3222
已下基于 Vue3.x 版本vue.config.js 是一个配置文件，存在与项目的根目录中。他会被 @vue/cli-service 自动加载。创建一个新项目，会有如下空配置： 该文件应该导出一个包含了选项的对象从 Vue CLI 3.3 起已弃用，现在都使用 publicPath默认值：'/'是部署应用包时的基本 URL，在 Vue CLI的其他地方也会使用这个值，默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.qjdchina.com/。如果应
vue-vue.config.js
前端
08-12 4088
vue项目的配置文件位置内容 vue2.0的版本目录结构已经变化了，没有了之前build与config文件夹，因此如果需要配置build的生成目录等打包需求，需要vue.config.js 位置 vue.config.js文件在项目的根目录下，与src平级 内容 //主要是用于分析项目的大小占比的，不需要的话可以注释掉 // const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyze
多环境配置vue.config.js vue2
weixin_45799001的博客
06-01 709
vue.config.js 文件 package.json 上面对应的文件新建，dev，build，uat，prod .dev 配置 .uat 配置 prod 配置如上 request.js
vue.config.js配置（vue2）
bluejad的博客
03-02 1284
【代码】vue.config.js配置（vue2）
Vue的 vue.config.js 配置详解 第二版
weixin_53452157的博客
03-29 1420
Vue的 vue.config.js 配置详情 第二版
Vue（二）：2.0与3.0的差异、vue.config.js、引入全局样式、router重定向、elementui依赖、git命令提交文件
Start_Simple的博客
03-09 734
No Babel config file detecte报错处理、vue.config.js配置、全局默认样式、代码上传远端库
《实战：如何搭建一个完整的 Vue2.0 项目》- 2、vue.config.js 配置
前端技术
03-18 2606
在根目录下创建 vue.config.js 文件，@vue/clli-service 会自动加载。直接拷贝如下内容即可。 const webpack = require('webpack'); const path = require('path'); function resolve(dir) { return path.join(__dirname, dir); } // 加载 stylus 文件，可以是多个 function importStylus (rule) { ru
vue/cli-service vue.config.js
最新发布
08-29
Vue CLI 是一个基于 Vue.js 的完整项目脚手架工具，它提供了创建、开发和构建 Vue.js 项目的命令行界面和一些常用的插件和配置。其中，`@vue/cli-service` 是 Vue CLI 的核心模块之一，它负责管理开发服务器和构建过程。 `vue.config.js` 是一个可选的配置文件，用于自定义 Vue CLI 的默认配置。在项目根目录下创建这个文件，可以通过导出一个包含配置选项的对象来覆盖默认配置。 例如，你可以在 `vue.config.js` 中配置代理服务器、自定义构建输出目录、修改 Webpack 配置等。这些配置会被 `@vue/cli-service` 自动加载并应用到项目中。 你可以通过修改 `vue.config.js` 文件来满足你的项目需求，在这个文件中的配置选项都是文档化的，你可以根据需要添加、修改或删除配置。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值