在Vue开发环境中修改端口号

如上图所示，在开发环境中，8080是端口号，这也是用Vue脚手架创建的项目运行时的默认端口。1.Vue 2.x

配置文件夹中有一个index.js，其中一些如下。port是端口号，可以在这里更改。module . exports={ dev : { en v 3360 } require('。/dev.env ')、port: 8080、//端口号assets子目录3360' static '、assets publicpath 3360'/'、proxyTable: {}、//CSS Sourcemaps默认关闭，因为使用此选项时相对路径存在' bug '//根据CSS-Loader README/(https://github.com/webpack/css-loader#sourcemaps)//根据我们的经验，它们通常会按预期工作，//只是在启用此选项时要注意此问题。cssSourceMap: false，} }；2.Vue 3.x

要修改Vue 3.x中的端口号，需要在项目的根目录下创建一个vue.config.js，内容如下。模块。exports={ devserver 3360 { port : 8080，//端口号} }；3.原因

在' http://localhost :8080/sockjs-node/info访问XMLHttpRequest？t=1565711501046“来自源”http://192.168.0.104:8080“已被CORS策略阻止：请求的资源上不存在“访问控制-允许-源”标头。

localhost :8080/sockjs-node/info？t=1565711501046:1未能加载资源：网络：错误_失败

今天调试手部训练项目的时候，发现自己报了这么一个错误。当时百度已经很长时间无法解决要领了。后来才想起来开了两个项目，一个是Vue2.x，一个是Vue3.x，好像两个的端口号是8080，有冲突。至于为什么两个项目可以用同一个端口号运行，那是因为Vue3.0运行的时候会生成两个项目地址(如下图所示)，我点了后一个.

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。