vue项目 config目录下的index文件配置

最新推荐文章于 2024-08-08 22:20:54 发布

美酒没故事°

最新推荐文章于 2024-08-08 22:20:54 发布

阅读量2.5k

点赞数 1

分类专栏：前端JS框架：vue2 文章标签： vue 前端配置跨域

本文链接：https://blog.csdn.net/qq_42618566/article/details/107307884

版权

前端JS框架：vue2 专栏收录该内容

50 篇文章 74 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细解析Vue项目中config目录下index文件的配置，重点介绍如何进行跨域设置。修改此配置文件后，需重启项目以使改动生效。

摘要由CSDN通过智能技术生成

vue项目 config目录下的index文件配置

'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

module.exports = {

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

美酒没故事°

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

vue-cli中config目录下的index.js文件详解

08-18

vue-cli中config目录下的index.js文件详解

vue的config文件夹下的Index.js解释

niesiyuan000的博客

05-27

1841

//此文件是用来配置开发环境和生产环境的配置参数 'use strict'//严格模式 const path = require('path')//node的path模块用来统一路径 module.exports = { dev:{//开发环境 //定义静态资源根目录的子目录static assetsSubDirectory:'static', ...

参与评论您还未登录，请先登录后发表或查看评论

vue.config.js 配置

最新发布

a123456234的博客

08-08

2105

vue.config.js 文件是 Vue CLI 项目中的全局配置文件，它允许你以 JavaScript 的形式来配置构建选项，而不是通过命令行参数或者 .vue-clirc 的 JSON 格式。

vue-cli配置文件——config文件夹

黑色笔记

10-23

1万+

首先我们先看一下config的文件结构： |-config |—dev.env.js |—index.js |—prod.env.js 打开我们的vue项目文件夹我们可以清楚的看到文件夹下的三个文件，“dev.env.js”，“index.js”，“prod.env.js”，我们先打开prod.env.js的文件，看里面的内容： 'use strict' module.exports = { ...

深入解析vue中config/index.js

一只程序猿

01-03

2868

详解vue中config下index.js的每一行默认配置 //vue cli官方地址: https://cli.vuejs.org/zh/config/ module.exports = { //部署应用包时的基本 URL。 //Type: string, //默认: '/' publicPath: './', //当运行 vue-cli-service...

vue-cli脚手架config目录下index.js配置文件的方法

10-18

下面小编就为大家分享一篇vue-cli脚手架config目录下index.js配置文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue-cli脚手架build目录下utils.js工具配置文件详解

12-12

此文章用来解释vue-cli脚手架build目录中的utils.js配置文件 1.此配置文件是vue开发环境的wepack相关...// 引入config目录下的index.js配置文件 var config = require('../config') // 引入extract-text-webpack-plugi

vue发送请求时遇到index.vue?6ced:90 Uncaught (in promise) TypeError: Cannot read properties of undefined

qq_53533418的博客

02-11

4251

vue遇到index.vue?6ced:90 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'noticeTitle')问题的解决办法

Vue里require(‘../config‘) 如何加载index.js

嘿嘿

06-16

594

1. 前言最近在学习Vue，直接用vue-cli构建项目后，在 webpack-base-conf.js 里有 var config = require('../config') 这段代码，执行中实际是 var config = require('../config/index.js') , 参考了阮大大的文章：传送门终于明白如何加载的。（只想明白require用法直接看下面即可） 2.require的用法 2.1当 Node 遇到 require(X) 时，按下面的顺序处理。 2.1.1 ...

vue中config/index.js:配置的详细理解

zlzbt

11-19

6480

当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面（环境变量及其基本变量的配置） 1 var path = require('path') 2 3 module.exports = { 4 build: { 5 index: path.resolve(__dirname, 'dist/index.html'), 6 assetsRoot: path.resolve(__dirname, 'dist'.

vue-cli 3.x 配置多页面应用程序（配置文件vue.config.js ）

sleepwalker_1992的专栏

02-06

1593

vue.config.js const path = require('path'); module.exports = { // 环境配置 devServer: { host: '0.0.0.0', port: '8090', https: false, open: true }, // 设置路...

vue的index.html总结

铁马冰河入梦来

10-08

1万+

为啥要有index.html 对vue来说index.html是一个总的入口文件，vue是单页面应用，挂在id为app的div下然后动态渲染路由模板。单页面应用单页面应用是和多页面应用相对而言的。多页面应用是在每次页面跳转的时候，后台服务器都重新生成一张html页面，首屏时间快（只需要加载一次html），搜索引擎优化效果好（html内容都在），但是切换慢（每次页面切换都需要发出一次http请...

对vue中默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】

热门推荐

05-11

1万+

当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面（环境变量及其基本变量的配置） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var path = require

vue-cli2 的 config/index.js配置

Jana Jing的分享

03-23

1266

但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布，即访问路径可能为：http://xxx:9090/projectname/index.html，那么就一定要使用'./',否则资源信息会找不到。假如说，你把index.html以及static文件夹直接放到容器的根目录，即访问路径为：http://xxxx:9090/index.html这样形式，那么直接使用‘/’即可，不用使用相对路径。: 除了 index.html 之外的静态资源要存放的路径，: 在当前目录的上一级的上一级的。

配置项目（一）——vue.config.js

weixin_44867717的博客

06-08

1171

配置项目——vue.config.js 第一步：查看接口文档的字段和端口号第二步：在vue.config.js中，proxy里面定义自定义名字/devStatusApi、target地址、pathRewrite同名字第三步：在文件src/api/serviceConfig.js中，配置和导出devStatusApi let devStatusApi, if (process.env.NODE_ENV === 'development'){ devStatusApi = '/devStatusA

vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...

weixin_36410077的博客

01-30

3945

在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。首先安装node环境。这个就不说了，自行搜索很容易就知道了。接下来是创建项目：1.创建项目文件夹，如fron...

vue config文件夹下的index.js配置文件

weixin_42928456的博客

06-28

1419

'use strict' // Template version: 1.2.6 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { dev: { // Paths assetsSubDirecto...

vue.config.js文件配置解释

07-13

vue.config.js文件是Vue项目的配置文件，用于配置项目的构建、开发和部署等方面的设置。在这个文件中，你可以修改默认的配置选项，以满足项目的特殊需求。以下是一些常见的配置选项及其解释： 1. publicPath: 指定项目部署的基础路径，默认为'/'。可以根据实际情况修改，比如部署到子路径时需要修改为对应的路径。 2. outputDir: 指定打包输出的目录，默认为'dist'。可以修改为其他目录名。 3. assetsDir: 指定静态资源（js、css、img等）的输出目录，默认为''（即根目录）。可以修改为其他目录名。 4. indexPath: 指定生成的index.html文件的输出路径，默认为'index.html'。可以修改为其他文件名或路径。 5. devServer: 配置开发服务器的相关选项，比如端口号、代理等。 6. configureWebpack: 提供一个函数或对象，用于修改webpack的配置。可以在这里添加额外的webpack配置。 7. chainWebpack: 提供一个函数，用于对webpack的内部配置进行更细粒度的修改。 8. productionSourceMap: 设置是否生成生产环境的source map，默认为true。可以根据需要进行调整。 9. css: 配置CSS相关的选项，比如是否开启CSS source map、是否使用postcss、是否将CSS提取到单独的文件等。 10. pluginOptions: 用于配置第三方插件的选项，比如webpack-bundle-analyzer、stylelint等。以上只是一些常见的配置选项，实际上vue.config.js文件还有更多可用的配置选项。你可以根据项目的需要进行相应的配置，以实现更好的开发和构建效果。