vue项目的访问端口及其设置方式

更新时间：2022年10月22日 11:51:03 作者：Anodons

这篇文章主要介绍了vue项目的访问端口及其设置方式，具有很好的参考价值，希望对大家有所帮助。

vue项目访问端口及设置

vue项目的访问端口

vue项目目录下config文件夹中的index.js文件

端口变化及其设置

// can be overwritten by process.env.PORT, if port is in use, a free one will be determined

※ 如果不进行端口号修改，默认端口8080，如果端口占用，则会自动调用空闲端口。

vue项目配置端口号

新建 vue.config.js

module.exports = {
    devServer:{
        port:8080,  // 端口号的配置
        open:true   // 自动打开浏览器
    }
}

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue中非父子组件的通信你了解吗
这篇文章主要为大家详细介绍了vue中非父子组件通信，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02
vue中实现div可编辑并插入指定元素与样式
这篇文章主要给大家介绍了关于vue中实现div可编辑并插入指定元素与样式的相关资料,文中通过代码以及图文将实现的方法介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下
2023-09-09
vue中使用Echarts map图实现下钻至县级的思路详解
这篇文章主要介绍了vue中使用Echarts map图实现下钻至县级,需要注意的是，因为我是直接从 vue-cli2 直接跳到 vue-cli4 ，还奇怪怎么读取不到JSON，查找后才知道 vue-cli3 往后的项目基础架构对比旧版本有些区别，感兴趣的朋友跟随小编一起看看吧
2022-01-01
Vue3中#default=“scope”的使用
在Vue3中,我们经常会遇到需要处理列表渲染的情况,Vue3引入了一种新的语法,即#default=“scope”,本文就来介绍一下Vue3中#default=“scope”的使用,感兴趣的可以了解一下
2023-10-10
vue axios数据请求get、post方法及实例详解
axios是一个基于Promise,同时支持浏览器端和Node.js的HTTP库，常用于Ajax请求。这篇文章主要介绍了vue axios数据请求get、post方法的使用 ,需要的朋友可以参考下
2018-09-09
使用命令行工具npm新创建一个vue项目的方法
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。下面小编给大家分享使用命令行工具npm新创建一个vue项目的方法，需要的朋友参考下吧
2017-12-12
vue项目实现页面跳转的方法
这篇文章主要给大家分享的是vue项目实现页面跳转的方法，vue-router是前端开发中用来实现路由页面跳转的一个模块。下面小编将带来如何在已经创建好的vue-router项目基础下实现页面跳转,需要的朋友可以参考一下
2021-11-11
vue父组件给子组件的组件传值provide inject的方法
在本篇文章里小编给大家整理的是一篇关于vue父组件给子组件的组件传值provide inject的方法，需要的朋友们学习下。
2019-10-10
Vue实现文字上下滚动动画的示例代码
这篇文章主要为大家详细介绍了如何使用Vue实现超酷文字上下滚动动画,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考下
2024-03-03
vue购物车插件编写代码
这篇文章主要为大家详细介绍了vue购物车插件的编写代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11