怎么样修改前端vue项目的端口地址

最新推荐文章于 2024-07-06 16:47:02 发布
最新推荐文章于 2024-07-06 16:47:02 发布
阅读量270 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renran__/article/details/138859333
版权

创建vue项目时，默认使用的地址是8080端口

这和我们后端tomcat服务器的端口是一致的，容易造成端口冲突，我们可以在项目中的vue.config.js中添加这么一段

devServe:{
    port:7070
}

重新启动项目之后，我们可以看到端口变为了我们修改后的效果

梦里有颗北极星
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何修改vue项目运行的端口号，微信小程序前端开发
m0_55956883的博客
04-03 1582
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。
vue3指定前端项目的端口号
04-12 1028
vue3指定前端项目的端口号
修改前后端默认端口 and 解决端口被占用
Faueco的博客
03-28 1067
项目下 vue.config.js 文件内容添加环境配置。项目下 bin/www 文件下修改 port 端口。1-打开终端 WIN + R。2-查看占用端口的进程号。
vue全局修改前端访问地址
weixin_56204334的博客
09-20 1352
修改路由配置router/index.js。修改vue.config.js。
更改前端vue端口号
y15231057653的博客
04-10 485
【代码】更改前端vue端口号。
Vue修改项目启动端口号方法
01-19
在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 scripts: { dev: node build/dev-server.js, start: node build/dev-server.js, build: node build/build.js, ...
Vue前端项目部署IIS的实现
10-15
本文将详细介绍如何将Vue前端项目部署到IIS。 首先，确保你的系统已经安装了IIS。如果没有，可以通过以下步骤开启： 1. 按`Win+R`打开运行对话框，输入`control`打开控制面板。 2. 在控制面板中选择“程序” -> ...
完美解决通过IP地址访问VUE项目的问题
10-15
4. 通过IP地址和端口号在其他设备上访问Vue项目。 5. 确保所有设备在同一Wi-Fi网络下，以实现真机调试。 通过以上步骤，你便可以轻松地让其他人或设备访问你的Vue项目，进行远程测试和协作。这不仅适用于Vue项目，...
vue2.x+webpack快速搭建前端项目框架详解
08-28
为了避免端口冲突，需要修改项目的配置文件，打开config文件夹，找到index.js文件，修改端口号为8888，然后重新启动开发服务器，输入http://localhost:8888可以查看项目页面。 接下来，需要引入sass预编译工具来...
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
然后别人只需要访问 http:// + 前端电脑的IP地址 + 端口号 就可以直接访问他本地在跑的项目了！ 话不多说，直接上图 ↓↓↓ 我们创建的项目中host 的默认值为 localhost，我们要做的就是将他的值修改为 0.0.0.0 ...
Vue前端打包
weixin_63680330的博客
07-04 185
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
【vueUse库Component模块各函数简介及使用方法--上篇】
xiejunlan的博客
07-02 1277
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
Vue 3集成krpano 全景图展示
最新发布
Mr丶GUO
07-06 218
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
vue2 中如何使用 vuedraggable 库实现拖拽功能
微光无限的博客
07-02 250
vue2 中如何使用 vuedraggable 库实现拖拽功能（详细Demo，容易理解）
前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）
weixin_65793170的博客
07-01 1009
在浏览器中请求 RTSP 视频流并进行播放时，直接使用原生的浏览器 API 是行不通的，因为它们不支持 RTSP 协议。为了解决这个问题，开发者通常会选择使用像 flv.js 这样的库，它专为在浏览器中播放 FLV 和其他流媒体格式设计。然而，flv.js 本身并不直接支持 RTSP，这意味着我们需要一个额外的步骤来桥接 RTSP 和 flv.js。
Vue 文件下载
猫脸码客的博客
07-03 219
【代码】Vue 文件下载。
Vue 数据大屏适配
FitnessSnail的博客
07-02 263
不会因为在某一维度上缩放过大而导致元素在另一维度上超出视口。.dataScreen-content 盒子内容根据设计稿给的。（默认为 1920x1080）计算缩放比例，并。的缩放比例，那么元素可能会在某一维度上。，这在很多情况下是不希望发生的。的缩放比例的目的是为了保证。单位进行正常的布局就行。在水平和垂直方向上都。
用MySQL+node+vue做一个学生信息管理系统（一）：配置项目
紫月i的博客
07-02 3634
先用npm init -y生成配置文件 在项目下新建src文件夹，app.js文件。src目录用来放静态资源文件，app.js是服务器文件，index.js是vue的入口文件 使用npm install express下载express框架 在app.js文件夹开启node服务，监听的端口为3000，并且开放静态资源文件的src目录 const express = require('express'); const app = express(); const path = require('path'
一个前端vue-clic 项目该怎么启动
09-25
### 回答1： 启动一个前端 Vue CLI 项目需要执行以下步骤： 1. 确保已经安装了 Node.js 和 npm。 2. 打开命令行终端，进入到 Vue 项目的根目录。 3. 在命令行终端中运行 `npm install` 命令，以安装项目所依赖的所有包和依赖项。 4. 安装完成后，在命令行终端中运行 `npm run serve` 命令，以启动开发服务器。 5. 服务器启动后，打开浏览器并输入 `http://localhost:8080` 地址，即可访问项目。 注意：在执行以上步骤之前，需要先在项目根目录下的 `package.json` 文件中配置好项目所需的依赖项和脚本命令。 ### 回答2： 要启动一个前端Vue-cli项目，需要按照以下步骤进行操作： 1. 安装Node.js：首先需要确保电脑上安装了Node.js，可以在官网（https://nodejs.org/）下载并安装合适版本。 2. 安装Vue-cli：在命令行中运行以下命令来全局安装Vue-cli：npm install -g @vue/cli 3. 创建项目：在命令行中进入到项目想要存放的目录，运行以下命令来创建一个新的Vue项目：vue create 项目名 4. 配置项目：运行上述命令后，命令行会提示选择配置文件。可以选择默认的配置（default），或者手动选择需要的配置，如TypeScript、Router、Vuex等。根据项目需求进行选择。 5. 启动项目：在项目目录下，运行命令：cd 项目名，然后运行以下命令来启动项目：npm run serve 6. 访问项目：项目启动后，命令行中会显示访问的地址（通常为localhost:8080）。在浏览器中输入该地址，即可访问项目。 以上为启动一个前端Vue-cli项目的基本步骤。在项目启动后，可以对Vue-cli进行详细配置和开发，进行开发调试和构建等操作。根据项目的具体需求，还可以添加路由、管理状态、引入组件库等进一步开发。 ### 回答3： 要启动一个前端Vue-cli项目，您可以按照以下步骤进行操作： 1. 首先，确保您的计算机已经安装了Node.js和npm（Node.js的包管理器）。您可以在终端或命令提示符中运行`node -v`和`npm -v`来检查它们是否已经安装。 2. 打开终端或命令提示符，转到您的项目文件夹的根目录。 3. 在项目文件夹中，运行以下命令以安装项目的依赖项：`npm install`。这将根据项目中的package.json文件中的依赖项列表来下载和安装所需的包。 4. 安装完成后，您可以使用以下命令来启动项目：`npm run serve`。这将启动一个开发服务器，并将您的Vue应用程序运行在本地主机的某个端口上。 5. 在终端或命令提示符中，您将看到相关的输出信息，其中包括您的应用程序正在运行的URL地址。您可以在浏览器中访问该URL以查看和测试您的应用程序。 请注意，如果您已经在Vue项目的package.json文件中配置了其他脚本命令，您可以使用类似的方式来执行它们，例如运行构建脚本`npm run build`来生成生产环境中的应用程序。 希望以上的解答对您有所帮助！如果您对任何步骤或概念有疑问，请随时追问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值