mac vue-cli启用80端口

Vue项目运行端口及命令设置
最新推荐文章于 2024-03-07 20:26:56 发布
原创 最新推荐文章于 2024-03-07 20:26:56 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#git #vue #webpack

博客介绍了Vue项目运行的相关设置，需指定端口为80，且要使用sudo npm run dev命令才能运行项目，涉及前端开发相关内容。

1、需要指定port为80
2、需要sudo npm run dev，才可以

vue-cli4打包优化（webpack优化）
weixin_46057188的博客
01-11 2151
项目开始时webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件 配置proxy跨域 使用vue-cli开发项目，在本地开发环境中，如果遇到跨域问题，可以通过配置peoxy的方式解决跨域问题 module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 6060, // 端口号 h
Vue-CLI 4.0 build打包配置
weixin_43736435的博客
05-07 4854
module.exports = { // 公共路径(必须有的) publicPath: "./", // 输出文件目录 outputDir: "dist", // 静态资源存放的文件夹(相对于ouputDir) assetsDir: "assets", // eslint-loader 是否在保存的时候检查(果断不用，这玩意儿我都没装) ...
vue 在 MacOS 中运行绑定80端口做代理的方法
最新发布
码厩
03-07 814
启动，使用的是 1024 端口，绑定80端口失败。应该使用 root 权限，在 MacOS 中启用80端口需要 root 权限，先给对应目录分配权限。只需要把权限组从 root 切回原来的就可以了。启动 vue 工程。，80端口绑定成功。
macbook上开启vue 80端口
lifangAccount的博客
02-20 793
浏览器默认占用80端口 mac电脑中使用80端口，需要sudo权限超级管理员权限
https 加端口_Mac下vue-cli使用80端口的简单方法
weixin_32163411的博客
01-05 1285
前言之前使用 window电脑开发 vue 项目，项目中配置启动端口为 80，npm run dev启动开发很顺畅。最近使用 mac 进行开发，项目中自动使用了 1024 端口，我有点莫名其妙的感觉，又想重新使用 80 端口。解决查看了项目中的配置文件，很多都是创建 vue-cli 项目的时候生成的，看到这段代码module.exports = { dev: { // Paths a...
【Vue】尚融宝项目中解决前端部分80端口被占用的问题
要继续努力的孤独的博客
05-05 1301
最近在学习尚硅谷的尚融宝项目时，有进行前后端的联调。今天出现了一个这样的问题： 根本问题是由于跨域引起的，前端访问端口为80，我这里后台系统的端口是8110。 第一种解决思路是把占用80端口的程序干掉： 首先win+R打开运行界面，输入cmd，进入命令行界面 输入命令netstat -aon | findstr :80，我的电脑出现如下图所示界面 是4号进程占用了80端口，接着输入tasklist|findstr "4" 4号进程是系统进程，懵球了。。。 网上有一种解决方式是关掉Windows功能里的
【Mac&Vue】解决在MacOS下Vue-Cli无法使用80端口的问题
j326214730的博客
07-22 2910
开发博灵语音通知终端云服务时遇到的，在Vue下无法使用Mac 80端口本地开发问题。
详解使用nodeJs安装Vue-cli
10-19
**使用Node.js安装Vue CLI详解** Vue CLI是Vue.js官方提供的一个快速脚手架工具，用于简化Vue.js项目的搭建过程。在使用Vue CLI之前，确保已经安装了Node.js环境，因为Vue CLI是基于Node.js的npm包管理器构建的。 ...
vue-cli配置文件——config篇
08-28
其他设置包括开发服务器的主机名、端口、自动打开浏览器、错误覆盖层、错误通知以及是否启用文件监控等。 3. `prod.env.js`: 这个文件用于设置生产环境的变量。内容通常与 `dev.env.js` 类似，但 `NODE_ENV` 设置为...
vue-cli3搭建多入口应用项目搭建以及webpack配置
qq_40922656的博客
01-18 2397
vue.config.js官方配置指南现附上官网链接。 通过vue-cli3脚手架初始化项目之后，发现webpack的config配置文件没有了。这是由于vue-cli3将webpack的基础配置全部内嵌了。那我们想要优化或者修改配置怎么办呢？vue-cli3它预留了一个vue.config.js的js文件供我们对webpack进行自定义配置。 通过一下步骤自定义webpack配置： 1、新建vue.config.js 在项目根目录下，新增js文件vue.config.js。vue.config.js 是一
解决MAC OS node服务无法使用80端口的烦恼
m289065365的专栏
07-23 929
1. 首先打开终端 输入 sudovim /etc/pf.conf 输入密码 打开后 按 e 再按i 键 添加 rdr on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 8080 到 pf.conf文件的 rdr-anchor “com.apple/*” 这一行后面 然后 shift + : wq 保存 如下图: 若需要添加多条80端口指向 可使用指定IP , 多IP可通过自定...
vue项目默认端口号
m0_55477902的博客
01-18 3262
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
mac本地启动前端项目80端口被改变问题
weixin_34403976的博客
08-22 1248
mac本地启动前端项目80端口被改变问题 接到新项目的时候碰到过一个问题, 启动前端项目 yarn start 或 npm start 的时候 vue.config.js 中devServer 配置的 80 端口 可是启动项目后却变成了别的端口 windows电脑没有这个问题 mac出现了这个问题 解决方法: 以管理员身份运行 sudo yarn start 回车后输入开机密码就好了 ...
执行npm run dev 出现错误 Error: listen EADDRINUSE :::8080
若星璨，恨逐波
07-01 3255
原因：8080端口被占用不轻易关闭被占用的端口，可以在刚刚生成的vue.js项目的根目录下找到config文件夹，在里面的index.js文件中，找到对port的设置，将默认的8080改为其他的端口号。之后就可以在根目录下的终端上运行“npm run dev”了另外需要解释的是“npm run dev” 执行的实际上是package.json中的script对象中的内容，博主做出的vue项目的改sc
MAC 通过IDEA启动tomcat，显示80端口被占用解决办法
qq_43762932的博客
12-06 1967
Mac使用之Tomcat 80端口占用的坑，Mac使用之Tomcat 80端口提示被占用解决方案
vue2.5.2版本 ：MAC设置应用在127.0.0.1:80端口访问； 并将127.0.0.1指向www.yours.com ；问题“ Invalid Host header”...
weixin_34355559的博客
03-19 433
0.设置自己的host文件，将127.0.0.1指向自己想要访问的域名 127.0.0.1 www.yours.com 1.MAC设置应用在127.0.0.1：80端口访问： config/index.js目录下修改host和port 然后sudo运行npm run dev:(mac的80端口是被自身分享应用占用的，使用的话需要root权限) sudo np...
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 7060
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
Mac 80端口解决办法
中等偏下
06-15 6055
情况描述：在mac os中，非root用户是无法使用小于1024的常用端口的。如果开发中需要用到80端口, 就要设置端口转发。 解决方法：端口转发 步骤： 1、.创建idea.tomcat.forwarding文件 : sudo vim /etc/pf.anchors/eclipse.tomcat.forwarding 编辑文件内容为下面这段 rdr pass on lo0 ...
Mac 上使用80端口
springsu的专栏
07-06 2543
Mac OS X  默认Web共享使用Apache 所以80端口是被占用的。  首先需要修改的配置文件。最新的系统此配置文件已经由原来的/etc/httpd 目录更换到了/etc/apache2/  首先要去掉只读属性  sudo chmod +w httpd.conf  sudo vi httpd.conf  修改：Listen 80  改成其它
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值