vue 手机、电脑端访问vue项目（如果config.js文件没有（或者找不到））

最新推荐文章于 2024-01-05 18:09:48 发布
原创 最新推荐文章于 2024-01-05 18:09:48 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍如何通过修改package.json文件中的scripts配置，设置主机地址为0.0.0.0，实现手机等移动设备在同一局域网下访问由npm run dev启动的Vue应用。确保移动设备与开发电脑处于同一网络环境。
  1. 在package.json 文件下 加入 – host 0.0.0.0
  2. npm run dev，手机端访问Network地址
  "scripts": {
    "dev": "vue-cli-service serve --host 0.0.0.0"
   /*省略*/
  },
  • 如果进不去，看下手机连接的是否和电脑端同一个局域网下
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名
Winsom1的博客
04-29 3万+
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: tr...
解析vue.config.js文件
韩旭不会敲代码吧的博客
04-23 3811
解析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 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtim
vue.config.js 配置
obj_668793的博客
08-02 732
vue.config.js 配置 摘自：https://www.jianshu.com/p/b358a91bdf2d vue-config-js配置参考 vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建 创建vue.config.js vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用pac...
vue2.x项目没有vue.config.js时，web worker使用
qq_55545630的博客
06-07 3162
在vue中使用new Worker(‘./worker.js’)原生方法，引入woker.js子线程时，无法正常读取引入。注意必须是低版本的，否则后面对webpack的配置会报错，如果你已经安装了高版本的，建议先卸载。那么问题就来了,为什么同为vue2.x的项目，却有着两种不同的配置文件呢？我在网上找了特别多的文章，基本上都需要配置vue.config.js文件。如果你vue2.x项目看多了，你会发vue中的配置文件有两种类型。然后重跑一下项目，就能愉快的使用web worker了！在我一天的不懈努力下（
vue.config.js不生效/没作用/无法加载
InterestAndFun的博客
07-16 6353
解决方案 检查你的vue-cli版本是否为 vue-cli 3以上的，在vue-cli 2.x版本都是不支持的。 你可以输入vue --version来查看你的 vue-cli 版本。 如果你还是用vue init webpack 项目名 来创建工程，用npm run dev 来运行项目，那就是了，旧版本不支持vue.config.js ...
如何配置vue.config.js 处理static文件夹下的静态文件
10-15
保存`vue.config.js`后，重新运行`npm run build`或`yarn build`，静态文件如`test.json`就会被正确地复制到构建输出目录，从而可以在运行时正常访问。 需要注意的是，这种方法适用于处理`static`文件夹中的所有...
vue.config.js完整配置-超详细
05-26
在 Vue 项目中，`vue.config.js` 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不...
vue - vue.config.js中devServer配置方式
10-16
在Vue.js开发过程中，`vue.config.js` 文件是用于配置项目的，特别是对于开发环境的设置。其中，`devServer` 配置对象是至关重要的，因为它控制着开发服务器的行为，包括如何处理跨域请求、代理服务器设置以及端口...
Vue-Cli3.0以上版本找不到vue.config.js
IT_guoguo的博客
09-10 3686
Vue-Cli3.0以上版本找不到vue.config.js Vue-cli在3.0版本之后几个高版本由于更新没有build文件,从而无法配置webpack一些属性。我的版本是vue-cli 4.4.6 解决方法 1.在项目根目录下面创建vue.config.js 2.对vue.config.js进行配置，编写。 3.在此附上我的一些配置，大家仅供参考 'use strict' const path = require('path') const utils = require('./utils') co
vue 界面刷新数据被清除 localStorage的使用详解
10-18
今天小编就为大家分享一篇vue 界面刷新数据被清除 localStorage的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
设置vue.config.js解决跨域访问问题
scottfan的博客
08-20 8948
近日调试一VUE开源项目，前端，后台分别在不同电脑调试。首先在登录页面就遇到问题， 验证码请求方法如下 由于后台服务在另一台机器，在获取验证码时，有跨域问题，服务端方法有CORS设置允许跨域访问呀，这是为什么呢，初次接触VUE，这里先留个疑问吧。搜索VUE跨域问题的解决方法，设置vue.config.js中的proxy的参数可以解决，在项目文件夹下找到该文件打开 在devServer中可以看到相关参数，这里我先注释掉，新加自己的配置如下 并将验证码获取方法做如下更改 这儿可以理
vue-vue.config.js
前端
08-12 4725
vue项目的配置文件位置内容 vue2.0的版本目录结构已经变化了，没有了之前build与config文件夹，因此如果需要配置build的生成目录等打包需求，需要vue.config.js 位置 vue.config.js文件在项目的根目录下，与src平级 内容 //主要是用于分析项目的大小占比的，不需要的话可以注释掉 // const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyze
解决vue的webpack-simple项目无config目录，ip地址无法访问的问题
热门推荐
益添的博客
05-22 1万+
今天原本想把自己的网站给别人看一下（局域网），启动vue后，使用localhost和127.0.0.1都可以访问，但是用ip地址192.168.XX.XX 却访问不了，找了其他资料，都是修改vue项目config文件夹下的 index.js，详见：如何解决vue项目ip地址无法访问的问题，但是这个方法是针对完整的webpack才有这个目录，我的项目刚开始建的时候使用的是webpack-simple...
Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js‘
cozy666的博客
01-05 1189
先讲讲为什么要用cdn，在我们的vue项目中，我们去访问系统，浏览器会自动下载vue、vue-router、vuex和axios等一些文件。但是下载的话会比较耗时，因为笔者想打开网页时直接访问别人的资源，用cdn来做会提高访问速度。但是有时候会出现Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js'这个错误。后续思考如何解决，今天先记录到这里。
Vue-cli3项目之Vue.config.js配置文件—取代vue-cli2中build与config
青春木鱼的博客
07-28 2084
Vue-cli3项目之Vue.config.js配置文件—取代vue-cli2中build与config
Vue学习笔记 —— 关于vue.config.js不生效的解决方案
Marinda_Speed的博客
06-18 1万+
项目package.json 脚本配置项目是否为用 vue-cli-service serve 启动就会用 vue.config.js； 用 webpack-dev-server 启动就会用 wepback.config.js（默认）。关于 Vue学习笔记 —— 关于vue.config.js不生效的解决方案 就讲到这里，对你有帮助的话！谢谢你的观看！...
vue.config.js不生效
C_1_3_5的博客
08-07 7821
vue.config.js不生效
vue如何外置配置文件，灵活修改接口地址
laipengfei19的博客
09-16 7324
vue如何外置配置文件，灵活修改接口地址 最近使用vue2，webpack3打包项目，每次打包，接口地址都会被打包进去，无法自由修改。这是一个对前端增加工作量，对测试很不友好的操作。然后自己查了下资料，都说使用generate-asset-webpack-plugin插件，自己试着成功外置配置文件，这里做下记录。 首先安装插件 npm install generate-asset-webpack-plugin -S -D 在build文件夹下，新建一个文件generate-asset.config.js。
一个vue项目缺少vue.config.js文件
最新发布
01-15
### 如何处理 Vue 项目缺少 `vue.config.js` 文件的情况 在 Vue CLI 创建的现代项目结构中，默认情况下可能不会自动生成 `vue.config.js` 文件[^1]。然而，这并不意味着无法对其进行配置。实际上，在 Vue 3.0 中，许多 Webpack 配置已经被内建到框架之中，因此不再需要显式的 `webpack.config.js` 或类似的构建配置文件[^2]。 如果确实有需求定制化项目的打包行为或其他设置，则可以按照如下方式操作： #### 手动创建 `vue.config.js` 当希望调整默认的行为时，可以在项目的根目录下手动创建名为 `vue.config.js` 的 JavaScript 文件来覆盖部分或全部默认配置项。此文件允许开发者通过简单的 API 来修改 Webpack 和其他工具链的相关选项而无需深入理解复杂的底层实现细节。 ```javascript // vue.config.js 示例 module.exports = { publicPath: './', // 修改公共资源路径 outputDir: 'dist', // 设置输出目录名称 assetsDir: '', // 放置静态资源（如图片、字体）的相对路径 }; ``` 对于更高级的需求，比如想要完全控制 Webpack 的配置过程，还可以利用 `chainWebpack` 或者 `configureWebpack` 字段来进行更加灵活的操作。 #### 使用全局 CLI 配置 除了局部地为单个项目添加特定配置外，也可以考虑采用全局的方式管理多个不同应用之间的共通设定。详情可参阅官方文档获取更多信息[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值