vue.config.js 第3页

vue部署，chunk文件有部分404，解决方案

排查方案：1，检查项目配置，再vue.config.js里面配置publicPath:"./",2，打包后检查报错文件是否存在打包目录3，如果1,2都有找到部署后404的文件，查看是否为空文件style

心为醒SS·2024-01-26 09:04

【报错】connection to ‘ws://192.168.223.217:8080/ws‘ failed:

解决方法在vue.config.js中配置devServer:{port:8080,host:'localhost',https:false}

久靥_·2024-01-26 04:46

【跨域·配置代理】

称之为跨域如果不能更改服务器，用代理如果能改，浏览器支持CORS用CORS，不支持用JSOPNJSOPN发送不了post请求传统方法：JAOPN,CROS，代理代理：配置vite或者webpackwebpack在vue.config.js

久靥_·2024-01-26 04:46

vue.config.js的配置

vue.config.js的配置constpath=require('path')constCompressionPlugin=require("compression-webpack-plugin")

yrfjygb·2024-01-25 21:11

vue.config.js - 工作笔记

vue.config.js代码以hc项目为例，进行分析//基础路径注意发布之前要先修改这里constBASE_URL=process.env.NODE_ENV==='production'?

normi-D18·2024-01-25 07:45

vue3.0项目引入three.js的方式(vue中使用three.js01)

three.js有两种方式1.在index.html文件中引入2.通过npm下载依赖包引入注：以下操作是vue-cli3.0的引入的实现步骤下载依赖包npminstall--sthree配置文件设置在项目目录下创建vue.config.js

点燃火柴·2024-01-25 02:43

解决跨域请求问题

在vue.config.js中的module.exports下设置即可chainWebpack:(config)=>{config.resolve.alias.set('@',resolve('src'

娃哈哈哈哈呀·2024-01-24 20:20

vue3项目运行慢 npm run serve 卡在40%不动弹

安装speed-measure-webpack-plugin修改vue.config.js配置插件重新npmrunserveconstSpeedMeasurePlugin=require('speed-measure-webpack-plugin

青乌·2024-01-23 19:55

项目实战之理解代码一(vue.config.js)

文章目录CDN面经天天背，今天总算见到真的了。OK，接下来让我们走进前端优化性能方式之一：CDNCDNCDN（ContentDeliveryNetwork，内容分发网络）是用于存储和传输静态资源（如JavaScript、CSS、图片等）的服务。CDN能够减少服务器负载，提高内容的访问速度。官网是这么介绍的哈哈我也看不懂使用CDN资源来减少打包体积和提高页面加载速度的原理：减少打包体积：在构建应用的

我年薪百万·2024-01-23 07:47

VUE项目build后自动生成zip压缩包

filemanager-webpack-plugin插件npminstallfilemanager-webpack-plugin-D#oryarnaddfilemanager-webpack-plugin-D在vue.config.js

xxley·2024-01-22 18:48

VUE项目打包配置 vue.config.js 文件

constwebpack=require("webpack");constVersion=newDate().getTime();module.exports={/*部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl从VueCLI3.3起已弃用，要使用publicPath*//*baseUrl:process.env.NODE_ENV==='production'?'./':'

半夏ing·2024-01-22 14:34

vue项目vue.config.js文件打包配置、优化配置

constTimestamp=newDate().getTime()//压缩插件constCompressionWebpackPlugin=require('compression-webpack-plugin')//const{registerPreprocessor}=require('echarts/lib/echarts')//自定义配置插件constTerserPlugin=requir

正在起飞得菜鸟·2024-01-22 14:04

vue.config.js中打包相关配置

1.原始篇letpath=require('path');constwebpack=require('webpack');constThemeColorReplacer=require('webpack-theme-color-replacer');const{getThemeColors,modifyVars}=require('./src/utils/themeUtil');const{res

尔嵘·2024-01-22 14:02

服务器ip改变时，前端无法访问后端

项目的前后端代码都部署在一台服务器上，当前服务器ip变更，首先考虑的是修改vue.config.js中的代理ip，观察代理ip是localhost，所以不需要修改，但是启动项目后，页面报错networkerror

不疯魔不成活q1·2024-01-22 13:53

VUE 之百度OCR证件识别获取access_token详细步骤

步骤：由于直接访问百度在线api会跨域，配置代理解决跨域：vue.config.js中配置devServer:{port:port,open:true,overlay:{warnings:false,errors

赫兹/Herzz·2024-01-22 06:23

Vue-cli3配合Mint UI移动端开发rem的计算问题

开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npminstallpostcss-px2rem--save-dev然后在vue.config.js

尤樊容·2024-01-21 11:16

Vue学习第19天——vue脚手架配置代理

、创建包含学生数据的服务器server12、开启server1服务器3、开启代理服务器4、通过ajax发送网络请求获取数据5、在以上代码的基础上改进配置代理①、通过ajax发送请求时更改一下路径②、在vue.config.js

离奇6厘米·2024-01-21 11:52

Vue从入门到精通—— 第四章 Vue 中的 ajax

文章目录1.解决解决开发环境Ajax跨域问题方法一：一对一方法二：一对多2.插槽1.解决解决开发环境Ajax跨域问题方法一：一对一在vue.config.js中添加如下配置：devServer:{proxy

TUTOU程序猿·2024-01-21 11:52

Vue2学习之第四章——Vue中的ajax

Vue中的ajax解决开发环境Ajax跨域问题配置代理方式一在vue.config.js中添加如下配置：//开启代理服务器（方式一）devServer:{proxy:'http://localhost:

吃一口你的梦。·2024-01-21 11:21

vue项目node_modules越来越大的问题

但是并不想删除node_modules重装，后来找到了是CompressionWebpackPlugin插件开启了GZIP压缩，缓存越来越大的问题，在vue.config.js相关配置中增加一条cache

摸鱼857·2024-01-21 09:43

Vue中使用debugger在浏览器中不起作用解决方案

解决方案：找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"sourcemap"，重新启动项目，debugger即可生效。

小鱼小鱼干·2024-01-21 08:29

vue 项目兼容 IE 浏览器

项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,隐藏了配置文件,所有的都在vue.config.js

小童姥·2024-01-21 03:49

htmlWebpackPlugin.options.title

vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下，在根目录的vue.config.js中添加如下代码chainWebpack:config=&

白小码·2024-01-21 01:15

vue移动端项目中使用postcss-pxtorem进行适配方案

vuecreatehello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。

趁着年轻吃点苦·2024-01-20 22:41

Vue：使用electron将Vue项目打包为Windows应用（.exe）

一、下载electron的官方例子进行修改gitclonehttps://github.com/electron/electron-quick-start二、修改路径1.打开vue.config.js中

Yolo呀·2024-01-19 13:11

unocss+iconify技术在vue项目中使用20000+的图标

安装依赖npmiunocss@iconify/json配置依赖vue.config.js文件uno.config.js文件main.js文件使用class名是i-开头，跟库名:图标名，那都有什么库？

美酒没故事°·2024-01-19 13:02

vue-cli4打包过程

1.在根路径下创建vue.config.js文件2.vue.config.js文件里需要进行配置module.exports={publicPath:'./',productionSourceMap:false

@柠稔·2024-01-19 10:45

若依Vue Nginx部署相关问题一下午踩坑（页面刷新404、验证码找不到、系统资源404，后端接口404等等）

1.首先我是后端，搞前端真是很头疼，我知道的为什么添加这个属性就会标注上打开package.json我是拿这个打的包2.打开vue.config.js查看publicPath，我的是这样的。

Justin_ly·2024-01-19 03:31

uni-app中代理的两种配置方式

方式一:在项目的manifest.json文件中点击源码视图在最底部的vue版本下编写代理代码方式二:在项目中创建vue.config.js文件然后进行配置在页面中发起请求完整的url：http://c.m

B·O·P·2024-01-18 11:27

vue.config.js 笔记

首先，先确定项目中node_module下是否有path模块，如下图image.png没有的话，需要安装npminstallpath--save在vue.config.js中添加代码如下:constpath

微笑面对start·2024-01-18 09:47

解读vue配置文件（vue.config.js）

'usestrict'constpath=require('path')constdefaultSettings=require('./src/settings.js')constCompressionPlugin=require('compression-webpack-plugin')functionresolve(dir){returnpath.join(__dirname,dir)}con

深度学习研究员·2024-01-18 05:07

webpack-bundle-analyzer 文件可视化分析工具

仓库地址有关文章：【译】webpack小札:充分利用CommonsChunkPlugin()vue-cli3安装步骤npminstallwebpack-bundle-analyzer--save-dev在vue.config.js

誰在花里胡哨·2024-01-17 18:46

introjs 用法新手引导

引入如果全局引入的话使用下面代码，在main.ts引入importIntroJsfrom'intro.js'import'intro.js/introjs.css';Vue.use(IntroJs);vue.config.js

泡泡码客·2024-01-17 12:54

react、Vue打包直接运行index.html不空白方法

reactvue在根目录下创建vue.config.js文件，写入module.exports={publicPath:'./',}

仰晨556·2024-01-17 08:51

vue-cli解决跨域

在vue.config.js中找到devServer在devServer中创建proxy代理proxy:{path（路径中包含这个path就会导航到target的目标接口）：{target:"目标接口"

软工不秃头·2024-01-16 19:18

vue中下载图片跨域

首先在vue.config.js中配置跨域'/upload':{//代理图片下载的接口target:"http://zyy.com",changeOrigin:true,secure:false,//设置支持

嘿，小苹果·2024-01-16 15:51

electron+vue项目使用serialport报错Cannot read property ‘indexOf‘ of undefined解决办法

描述使用Electron+Vue项目时引入serialport串口后启动时报下面错误Cannotreadproperty'indexOf'ofundefined解决方法打开vue.config.js找到

web前端小学生·2024-01-16 15:08

vue-cli3中PC端大屏自适应

目录第一步：安装插件第二步：装好之后在main.js里引入lib-flexible第三步：在vue.config.js中添加配置第四步：设置flexible.js的宽度根据屏幕大小自动适配，修改flexible.js

脑瓜不疼·2024-01-16 14:19

Vue3配置代理解决跨域请求及携带Cookie问题

在vue.config.js配置文件中进行配置。

mumoing·2024-01-16 08:13

Vue学习笔记6--配置代理

二、配置代理1.方法一在Vue.config.js中添加如下配置：devServer:{proxy:'http://local

jxncxgx·2024-01-16 08:52

vue2.0适配

字体适配：安装cnpminstallpostcss-pxtorem--save-dev配置//vue.config.js//然后在reset.css里面设置基础字体大小，如果不想让字体改变可以使用PXconstpxtorem

小政爱学习！·2024-01-15 19:55

DevTools failed to load source map: Could not load content for http://localhost:8080/static/js/zh_cn

目录解决方式一：利用浏览器，禁用，但不能得到真正的解决，比如谷歌方式二：webpack.config.js或者vue.config.js中添加devtool:'inline-source-map',解决方式一

不努力code·2024-01-15 14:02

failed: Error during WebSocket handshake: Unexpected response code: 404

websocket连接404本地可以访问websocket，但是部署到服务器上就不行，不过本地用的配置是vue.config.js，没走nginx代理。

Bigglesworth·2024-01-14 09:38

monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule

场景升级monaco版本，和vue-cli版本，打开.ts后缀的文件，报错解决在vue.config.js文件中，添加chainWebpack(config){config.plugin("monaco

老衲的少女心i·2024-01-14 03:04

vue项目打包部署到服务器上后页面404问题

newVueRouter({base:'/app/web',//部署到服务器上的路径//hash模式下部署到服务器访问没问题，history就不行，需要在服务器上配置mode:'history',routes})vue.config.js

JOJORiny·2024-01-13 17:28

vue.config.js 打包、压缩配置compression-webpack-plugin

varfs=require('fs')constpath=require('path')constUglifyJsPlugin=require('uglifyjs-webpack-plugin')//constwebpack=require('webpack')constCompressionWebpackPlugin=require('compression-webpack-plugin')co

拿回忆下酒·2024-01-13 06:44

vue-cli 3.0配置

在vue项目根目录下新建vue.config.js,添加如下内容module.exports={devServer:{port:8000,//端口号host:'localhost',https:false

凝碧_0e80·2024-01-12 14:27

vue项目跨域问题（图片跨域）devServer.proxy代理失效时，nginx反向代理解决跨域问题

Vue项目解决跨域问题1.可以通过vue.config.js中

他既深情.·2024-01-12 02:35

Vue3：vue-cli项目创建及vue.config.js配置

一、node.js检测或安装：node-vnode.js官方二、vue-cli安装：npminstall-g@vue/cli#ORyarnglobaladd@vue/cli/*如果安装的时候报错，可以尝试一下方法删除C:\Users**\AppData\Roaming下的npm和npm-cache文件夹删除项目下的node_modules重新运行安装命令*/vue-cli安装官方vue-cli检测

米柆·2024-01-12 02:59

vs code测试vue代码

1.vue官网，找导航找到cookbook，在vscode中调试在vue.config.js文件中：这段代码的含义是在vue编译之后，在控制台依然使用源文件去查看代码。

Hi_Abu·2024-01-11 19:15

推荐频道

vue.config.js