vue项目修改端口号_vue修改localhost

2024-11-10 09:55 读书笔记

vue.js开启子进程

host: remote.host || defaultHost

一，打开子进程窗口；首先自己写好自己的vue页面，我这里写好的页面的名字是 zchildern；然后把页面引入路由里面，把路由的模式改成哈希模式1，在要触发的vue页面中这样写：const ipc = re使用现成的命令行参数解析库也不是很方便，但为了省事，暂时还是使用 npm 自带的解析。quire('electron').ipcRenderer;ipc.send('add');2，在background.js中接受触发的；首先引入 ipcMain；接收：（图下面是代码）const path = require('path')const = require('')const winURL = process.env.NODE_ENV === 'dlopment'? '

vue项目修改端口号_vue修改localhost

一，打开子进程窗口；首先自己写好自己的vue页面，我这里写好的页面的名字是 zchildern；然后把页面引入路由里面，把路由的模式改成哈希模式1，在要触发的vue页面中这样写：const ipc = require('electron').ipcRenderer;ipc.send('add');2，在background.js中接受触发的；首先引入 ipcMain；接收：（图下面是代码）const path = require('path')const = require('')const winURL = process.env.NODE_ENV === 'dlopment'? '

一，打开子进程窗口；

打开子进程窗口；首先自己写好自己的vue页面，我这里写好的页面的名字是 zchildern；然后把页面引入路由里面，把路由的模式改成哈希模式1，在要触发的vue页面中这样写：const ipc = require('electron').ipcRenderer;ipc.send('add');2，在background.js中接受触发的；首先引入 ipcMain；接收：（图下面是代码）const path = require('path')const = require('')const winURL = process.env.NODE_ENV === 'dlopment'? '

首先自己写好自己的vue页面，我这里写好的页面的名字是 zchildern；

启动vue.js项目的方法：'/api1': 'rd1',首先使用“cd 项目名称”命令进入项目目录中；然后使用“npm install”命令安装依赖；使用“npm run dev”命令启动项目即可。

一种电子文件格式。

改了tomcat后vue运行不了

"not ie <= 8"

需要修改Vue项目的配置文件，使其与新的Tomcat环境匹配。Tomcat是一个常用的JaWeb应用，而Vue是一个基于JaScript的前端框架。当Tomcat环境改变时，会影响Vue项目的运行。需要通过修改Vue项目的配置文件，如修改地址、端口号等来适配新的Tomcat环境。另外，还需要确保在新的Tomcat环境中正确部署Vue项目的构建文件。

throw new TypeError('focus 只能在提供了 rd 名称后可设置')127.0.0.1 dev2.example启动命令：

vue.js npm run dev的时候提示完成却没有端口号

获取项目根目所有接口使用同一台远程机器录

在jsp里去receiver: ''<%=request.getContextPath()%>这就是项目的根路径了，是到项目这层的。

js的引入方法如下：

如何优化Vue项目

部分本地，其他固定的一台远程机器：需要配置 localhost 和远程的地址，远程地址多半是需要验证 host 的

Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTable 或者直接使用 Webpack-dev-server提供的 proxy 选项。它是采用了 -proxy 库，所以具体配置可查看：

host: 发起请求需要指向的 host，可能每台机器验证并不相同

利用配置的这些参数我们可以做更为灵活的配置，达到更好的效果

设我们本地开发目前以下几种状态：

本地开发，数据使用本地的 mock

涉及权限接口使用本地 mock 数据，其他全部使用指定的一台远程机器

涉及权限接口使用本地 mock 数据，其他数据分接口使用不同的远程机器

方案

先看下经典的proxyTable 写法：

proxyTable: {

'/authui/': {

changeOrigin: true

'/vendor/': {

changeOrigin: true

}}其中用到了 changeOrigin 字段，主要是用于改变请求的 header。细化下需求：

本地开发：target 指向 localhost 的某个端口即可。至于 host 的验证肯定是不需要的

同一台远程机器，此时机器可能要严格验证，即 IP 也必须使用域名，配置好系统 host 才可使用

说明：严格验证 host 和普通验证 host 区别主要在于严格验证时，请求的必须是远程机器的域名，

不能直接修改请求的 header 的 host 实现，即必须在系统 host 层面配置好域名。

分析完成具体需求好，就开始准备实现的方式。原有开发方式是执行 npm run dev，如果我们需要在命令行层面添加配置，就需要设置为 npm run dev --param=paramvalue 的方式。对于使用 npm 的 script 脚本执行的命令，

它参数的获取无法通过 process.env 获得，而且通过 process.env.npm_config_paramName 的方式获取，

请求发起过程中需要以下几个参数：

port: 转发的端口

receiver: 用于 push 的远程地址，内包含了 ip 地址，为了省事，没有单独列出 ip 地址

然后定义请求自定义类型，用于配置：

local: 本地地址，即 localhost

remote: 指定的远程机器

其他自定义类型：用于在配置文件中已经指定的其他类型

原版本的请求，如 '' 或者 Object 类型的配置，此类处理

根据需要，我们添加以下几个参数用于控制指向地址：

rd: 远程机器的地址

focus: 严格模式，所有自定义类型的转换为指定的 rd 机器，只在存在 rd 参数时可用

allLocal：自定义类型全部指向本地

host：请求发现是否使用 host，而不是 IP 地址

总结一下（序号指向前面的需求）：

需要使用 host 进行访问的情形：4

需要更改 host：除 localhost 外都需要更改

remote 类型

这么一看，貌似 host 是不需要的，它的存在主要是针对某些机器可能需要使用 host 的方式，所以还是保留一下。

逻辑理清了就很简单了，配置文件设置为：

全局安装 vue-cli：npm install --global vue-cli，然后创建一个基于 webpack 模板的新项目：vue init webpack sell就ok了module.export = {

rd1: {

host: 'dev1.example',

port: 8838,

rd2: {

host: 'dev2.example',

port: 8838,

}}proxyTable 配置方式

{proxyTable: {

'/api1': 'remote',

'/auth/xx': 'local',

'/other': ''

}}获取 proxyTable 的代码：

// 处理 proxyTable

const releaseConfig = require('../config/release.conf.js')

const rdConfig = releaseConfig[process.env.npm_config_rd]

const isAllRemote = process.env.npm_config_focus

const useHost = isAllRemote || process.env.npm_config_host

// 是否本机开发，本机开发 remote 会指向 local

const isAllLocal = process.env.npm_config_allLocal

module.exports = function (proxy) {

const localUrl = `}`

const defaultHost = proxy.defaultRdHost || 'dev-example'

const localProxyPort = proxy.localProxyPort || 8787

const finalConfig = formatReleaseConfig(releaseConfig)

const remote = finalConfig.remote || {}

if (!rdConfig) {

throw new TypeError('RD 机器名称不存在，请在 config/release.conf.js 中进行配置')

}if (!remote.ip) {

throw new Error('请配置 rd 机器的 receiver')

if (isAllRemote && !rdConfig) {

}function formatReleaseConfig (config) {

const result = {}

Object.keys(config).map((key) => {

const value = config[key]

const ipMatch = (value.receiver || '').match(/://(.?):d/)

const ip = ipMatch && ipMatch[1]

ip,

host: value.host || defaultHost,

port: value.port || '83'

}})

// 设置 remote

if (rdConfig) {

const ipMatch = (rdConfig.receiver || '').match(/://(.?):d/)

const ip = ipMatch && ipMatch[1]

result.remote = {

ip,

host: rdConfig.host || defaultHost,

port: rdConfig.port || '83'

// 设置 local

result.local = {

ip: 'localhost',

host: 'localhost',

port: localProxyPort

}return result

}function setProxy (proxyTable) {

const result = {}

Object.keys(proxyTable).forEach((api) => {

let type = proxyTable[api]

const isCustomType = typeof type === 'string' && !/^/.test(type)

if (isCustomType && type !== 'remote' && type !== 'local' && !finalConfig[type]) {

throw new TypeError(`类型${type}不正确，请提供或 s 类型的接口，或者指定正确的 release 机器名称`)

}if (type === 'remote' && !finalConfig.remote) {

}if (isCustomType) {

if (isAllRemote && type !== 'remote') {

type = 'remote'

}if (isAllLocal && type !== 'local') {

const targetConfig = finalConfig[type]

if (targetConfig) {

target = {

target: ` ? targetConfig.host : targetConfig.ip}:${targetConfig.port}`,

// 使用 host 时需要转换，其他不需要转换

headers: {

host: `${targetConfig.host}:${targetConfig.port}`

}result[api] = target

})

return result

}return {

proxyTable: setProxy(proxy.proxyTable),

}}用法

用法中需要配置两种指向：系统 host 和浏览器 Host。

和我们的本地访问的域名是相同的，同一域名无法指向两个地址，所以相当于对浏览器端进行了拦截。

系统 host 使用 switchHost 进行切换，浏览器使用 whistle 进行切换。

host 配置：无

whistle 配置：默认的域名

启动命令：

npm run dev

npm run dev --allLocal注：此时 proxyTable 中配置的 remote 全部转换为 local，在 allLocal 参数时将所有自定义类型转换为 local

本地 + 1 台远程

host 配置：无

whistle 配置：默认的域名

127.0.0.1 dev1.example

npm run dev --rd=rd1

npm run dev --rd=rd1 --host注： --host 表示使用访问使用 host 而非 ip，使用时需要 host 地址

本地 + n 台远程

host 配置：无

whistle 配置：默认的域名

127.0.0.1 dev1.example

127.0.0.1 dev2.example

{proxyTable: {

'/auth/xx': 'local',

'/other': ''

}}proxyTable 配置：

启动命令：

npm run dev远程 1 台机器

host 配置：

1.1.1.1 dev1.example

1.1.1.1 dev2.examplewhistle 配置：默认的域名

127.0.0.1 dev1.example

npm run dev --rd=rd1 --focus组件优化

vue 的组件化深受大家喜爱，到底组件拆到什么程度算是合理，还要因项目大小而异，小型项目可以简单几个组件搞定，甚至不用 vuex，axios 等等，如果规模较大就要细分组件，越细越好，包括布局的封装，按钮，表单，提示框，轮播等，看下 Element 组件库的代码，没时间写这么详细可以直接用 Element 库，分几点进行优化

?组件有明确含义，只处理类似的业务。复用性越高越好，配置性越强越好。

?自己封装组件还是遵循配置 props 细化的规则。

?组件分类，我习惯性的按照三类划分，page、page- 和 layout，page 是路由控制的部分，page- 属于 page 里各个布局块如 banner、side 等等，layout 里放置多个页面至少出现两次的组件，如 icon, scrollTop 等

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

阅读：

redux-tk实战项目案例详解

如何使用Angular数据绑定机制

如何优化Vue项目

if (process.env.npm_config_rd) {

'/api2': 'rd2',

利用配置的这些参数我们可以做更为灵活的配置，达到更好的效果

设我们本地开发目前以下几种状态：

本地开发，数据使用本地的 mock

涉及权限接口使用本地 mock 数据，其他全部使用指定的一台远程机器

涉及权限接口使用本地 mock 数据，其他数据分接口使用不同的远程机器

方案

先看下经典的proxyTable 写法：

proxyTable: {

'/authui/': {

changeOrigin: true

'/vendor/': {

changeOrigin: true

}}其中用到了 changeOrigin 字段，主要是用于改变请求的 header。细化下需求：

本地开发：target 指向 localhost 的某个端口即可。至于 host 的验证肯定是不需要的

同一台远程机器，此时机器可能要严格验证，即 IP 也必须使用域名，配置好系统 host 才可使用

说明：严格验证 host 和普通验证 host 区别主要在于严格验证时，请求的必须是远程机器的域名，

不能直接修改请求的 header 的 host 实现，即必须在系统 host 层面配置好域名。

它参数的获取无法通过 process.env 获得，而且通过 process.env.npm_config_paramName 的方式获取，

请求发起过程中需要以下几个参数：

port: 转发的端口

receiver: 用于 push 的远程地址，内包含了 ip 地址，为了省事，没有单独列出 ip 地址

然后定义请求自定义类型，用于配置：

local: 本地地址，即 localhoresult[key] = {st

remote: 指定的远程机器

其他自定义类型：用于在配置文件中已经指定的其他类型

原版本的请求，如 '' 或者 Object 类型的配置，此类处理

根据需要，我们添加以下几个参数用于控制指向地址：

rd: 远程机器的地址

focus: 严格模式，所有自定义类型的转换为指定的 rd 机器，只在存在 rd 参数时可用

allLocal：自定义类型全部指向本地

host：请求发现是否使用 host，而不是 IP 地址

总结一下（序号指向前面的需求）：

需要使用 host 进行访问的情形：4

需要更改 host：除 localhost 外都需要更改

remote 类型

这么一看，貌似 host 是不需要的，它的存在主要是针对某些机器可能需要使用 host 的方式，所以还是保留一下。

逻辑理清了就很简单了，配置文件设置为：

module.export = {

rd1: {

host: 'dev1.example',

port: 8838,

rd2: {

host: 'dev2.example',

port: 8838,

}}proxyTable 配置方式

{proxyTable: {

'/api1': 'remote',

'/auth/xx': 'local',

'/other': ''

}}获取 proxyTable 的代码：

// 处理 proxyTable

const releaseConfig = require('../config/release.conf.js')

const rdConfig = releaseConfig[process.env.npm_config_rd]

const isAllRemote = process.env.npm_config_focus

const useHost = isAllRemote || process.env.npm_config_host

// 是否本机开发，本机开发 remote 会指向 local

const isAllLocal = process.env.npm_config_allLocal

module.exports = function (proxy) {

const localUrl = `}`

const defaultHost = proxy.defaultRdHost || 'dev-example'

const localProxyPort = proxy.localProxyPort || 8787

const finalConfig = formatReleaseConfig(releaseConfig)

const remote = finalConfig.remote || {}

if (!rdConfig) {

throw new TypeError('RD 机器名称不存在，请在 config/release.conf.js 中进行配置')

}if (!remote.ip) {

throw new Error('请配置 rd 机器的 receiver')

if (isAllRemote && !rdConfig) {

}function formatReleaseConfig (config) {

const result = {}

Object.keys(config).map((key) => {

const value = config[key]

const ipMatch = (value.receiver || '').match(/://(.?):d/)

const ip = ipMatch && ipMatch[1]

ip,

host: value.host || defaultHost,

port: value.port || '83'

}})

// 设置 remote

if (rdConfig) {

const ipMatch = (rdConfig.receiver || '').match(/://(.?):d/)

const ip = ipMatch && ipMatch[1]

result.remote = {

ip,

host: rdConfig.host || defaultHost,

port: rdConfig.port || '83'

// 设置 local

result.local = {

ip: 'localhost',

host: 'localhost',

port: localProxyPort

}return result

}function setProxy (proxyTable) {

const result = {}

Object.keys(proxyTable).forEach((api) => {

let type = proxyTable[api]

const isCustomType = typeof type === 'string' && !/^/.test(type)

if (isCustomType && type !== 'remote' && type !== 'local' && !finalConfig[type]) {

throw new TypeError(`类型${type}不正确，请提供或 s 类型的接口，或者指定正确的 release 机器名称`)

}if (type === 'remote' && !finalConfig.remote) {

}if (isCustomType) {

if (isAllRemote && type !== 'remote') {

type = 'remote'

}if (isAllLocal && type !== 'local') {

const targetConfig = finalConfig[type]

if (targetConfig) {

target = {

target: ` ? targetConfig.host : targetConfig.ip}:${targetConfig.port}`,

// 使用 host 时需要转换，其他不需要转换

headers: {

host: `${targetConfig.host}:${targetConfig.port}`

}result[api] = target

})

return result

}return {

proxyTable: setProxy(proxy.proxyTable),

}}用法

用法中需要配置两种指向：系统 host 和浏览器 Host。

和我们的本地访问的域名是相同的，同一域名无法指向两个地址，所以相当于对浏览器端进行了拦截。

系统 host 使用 switchHost 进行切换，浏览器使用 whistle 进行切换。

host 配置：无

whistle 配置：默认的域名

启动命令：

npm run dev

npm run dev --allLocal注：此时 proxyTable 中配置的 remote 全部转换为 local，在 allLocal 参数时将所有自定义类型转换为 local

本地 + 1 台远程

host 配置：无

whistle 配置：默认的域名

127.0.0.1 dev1.example

npm run dev --rd=rd1

npm run dev --rd=rd1 --host注： --host 表示使用访问使用 host 而非 ip，使用时需要 host 地址

本地 + n 台远程

host 配置：无

whistle 配置：默认的域名

127.0.0.1 dev1.example

127.0.0.1 dev2.example

{proxyTable: {

'/auth/xx': 'local',

'/other': ''

}}proxyTable 配置：

启动命令：

npm run dev远程 1 台机器

host 配置：

1.1.1.1 dev1.example

1.1.1.1 dev2.examplewhistle 配置：默认的域名

127.0.0.1 dev1.example

npm run dev --rd=rd1 --focus组件优化

?组件有明确含义，只处理类似的业务。复用性越高越好，配置性越强越好。

?自己封装组件还是遵循配置 props 细化的规则。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

阅读：

redux-tk实战项目案例详解

如何使用Angular数据绑定机制

关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题

这次给大家带来如何优化Vue项目，优化Vue项目的注意事项有哪些，下面就是实战案例，一起来看一下。

毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”，然后就可以用手机浏览器ip+端口号打开了。

127.0.0.1 dev2.example启动命令：

ps:let target = type改配置文件就是重新npm start 一下才能看到效果

以上

怎么修改端口

问题一：端口怎么更改呢详细步骤如下：看能否对你有所帮助1、通过注册表修改，打开“开始→运行”，输入“regedit”，打开注册表，进入以下路径： [HKEY_LOCAL_MACHINE--SYSTEM CurrentControlSet--Control--Terminal Wds--rdpwd--Tds--tcp]，看见PortNamber值了吗？其默认值是3389，修改成所希望的端口即可，例如12345。再打开[HKEY_LOCAL_MACHINE SYSTEM--CurrentContro1Set--Control--Tenninal --WinStations--RDP--Tcp]，将PortNumber的值（默认是3389）修改成端口12345。 2、也可以采用诸如端口修改软件实现，自己搜索一下。

问题二：如何修改windows登陆端口号一般windows默认的远程连接的端口号是3389，有时我们需要更改这个端口ps:localhost改成本地ip的方法也是可以的。但是如果这样做的话，pc端就不能用localhost了，必须要用ip加端口号才能打开。号。

：注册表编辑器使用不当可导致问题，可能需要重新安装作系统。Microsoft 不能保证您可以解决因注册表编辑器使用不当而导致的问题。使用注册表编辑器需要您自担风险。

1、首先，登陆选择系统桌面中的“开始”、“运行”命令，从弹出的系统运行框中，输入字符串命令“ regedit ”，单击“确定”按钮后，打开本地工作站的系统注册表编辑界面；

SYSTEMCurrentControlSetControlTerminal WdsrdpwdTdstcp

在 tcp 子键所对应的右侧显示区域中，我们会看到一个名为 PortNumber 的子键，这个子键其实就是用来定义远程桌面端口号码的，将该子键的数值设置成其他端口号码，例如可以将其数值设置成“ 9999 ”

2、完成数值修改作后，我们再将鼠标定位于注册表分支

HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlTerminal WinStationsRDP-Tcp

在RDP-Tcp子键所对应的右侧显示区域中，我们同样会看到一个名为PortNumber的子键，把该子键的数值也要一并修改过来，例如这里我们也要将它的数值修改成“9999”

从控制面板进入防火墙，然后点击高级设置，入站规则-》新建规则-》规则类型-》端口-》下一步-》特定本地端口-》填写你更改的端口-》确定

然后重启就可以了。

问题三：如何修改远程连接端口租用后，如果使用默认的端口连接，有可能导致不安全。现在的黑客攻击也有了专门针对默认远程端口3389的攻击，如果遇到这种情况，端口被攻击，就会导致远程连接不上，这个时候我们需要修改远程连接的端口来避免这个情况的发生。

哪么如何修改远程连接的端口呢。

windows系统修改远程连接端口的方法：

windows系统远程连接端口默认的是3389，windows下默认端口的修改分为两大步骤

一、修改注册表.

1、开始--运行--regedit

2、打开注册表的HKEY_LOCAL_MACHINE/SYSTEM/CURRENTCONTROLSET/CONTROL/TERMINAL SERVER/WDS/RDPWD/TDS/TCP

右边键值中 PortNumber这个值修改为需要修改的端口数.注意使用十进制(例 34678)

3、打开注册表的HKEY_LOCAL_MACHINE/SYSTEM/CURRENTCONTROLSET/CONTROL/TERMINAL SERVER/WINSTATIONS/RDP-TCP/

右边键值中 PortNumber 这个值修改为需要修改的端口数.注意使用十进制(例 34678)

4、端口修改完毕.重新启动.设置生效.

5、这样.使用3389远程桌面连接连接的时候.

就应该填写 IP:34678 即 ip 后面跟冒号和端口号. 例如202.103.0.117：34678

二、修改防火墙，打开所需的端口（例如打开端口34678）

做完这两步之后。重启后。远程端口的修改就算完成了。以后请记得使用修改后的端口去连接，万一端口忘记，就需要机房的把接上显示器然后在本地登陆再修改这些端口设置来恢复了。因为涉及到要到机房接显示器处理。因此可能影响的时间比较长。客户需要牢牢记得远程修改后的端口。避免出现这一问题

问题四：怎样更改端口号修改tomcat端口号的方法:

修改.xml文件，把8080端口改成80就可以了。

8080是Tomcat的默认的端口号。我们可以通过修改Tomcat的conf目录下的主配置文件server.xml来更改.用记事本打开server.xml文件，找到如下部分:

以下为引用的内容：

将其中的port=8080更改为新的端口号即可，如将“8080”改为“9080”等。

问题五：如何进行端口的设置为了保证的应用和安全，需要进行端口设置，使端口与提供的服务相匹配，并且要关闭不需要的端口。进行端口的设置，可以在作系统中进行设置，也可以通过一些工具软件进行设置。在系统中进行设置右击网上邻居图标，选择属性命令，在弹出的对话框中选择本地连接，单击鼠标右键选择属性，弹出本地连接属性对话框，在此连接使用下列选定的组件区域选中Internet协议（TCP/IP），再单击属性按钮，在弹出的Internet协议（TCP/IP）属性对话框中单击高级按钮，又弹出一个TCP/IP属性对话框，选择选项选项卡，在可选的设置区域选择TCP/IP筛选，单击属性按钮，打开TCP/IP筛选对话框，，在其中添加需要开放的TCP，UDP端口即可。通过工具软件进行设置在系统中设置端口很简单，但还有更加简单的方法，那就是使用设置端口的工具软件。使用这类软件的好处是设置作简单，同时还有日志功能，例如使用PortBlocker软件，这款软件主要针对同时连接局域网和互联网的用户，当局域网与互联网连接以后，就有必要更加注意端口的设置。这款软件专门检测和拦截来自互联网的通信，如果发现有任何连接未开放端口的通信请求，该软件就会弹出窗口报告IP地址和要访问的端口。

问题六：如何修改的3389端口注册表有2个地方需要修改：

处：

[HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlTerminal WdsrdpwdTdstcp]

PortNumber值，默认是3389，修改成所希望的端口，比如1314

第二处：

PortNumber值，默认是3389，修改成所希望的端口，比如1314

完后重启 OK！！

问题七：如何更改linux端口号 linux有很多端口，不知道你要修改那些端口下面是安全类端口修改：

Linux安全之更改默认端口

原创内容,转载请注明出处: myzhenai/t/1783 myzhenai/thread-16180-1-1

关键字： Kloxo-mr修改默认端口更改Kloxo-mr 7777 7778端口 kloxo自定义端口 Linux修改ssh端口 Linux修改ftp端口 Centos修改ssh端口 Centos修改ftp端口修改ssh默认22端口修改FTP默认21端口更改pureftpd默认端口更改vsftpd默认端口更改proftpd默认端口更改SSH默认端口更改FTP默认端口

Linux的安全性能相对于windows来说要高一些，但这并不代表不会受到攻击功侵入，你只要留意看看/var/log/里的各种日志就会发现每天都会有大量的ip在扫描你的ssh,ftp等端口.所以为了更加安全，我们可以将这些默认的端口修改为自定义的端口.我们先来说ssh和ftp.

SSH

# vi /etc/ssh/sshd_config

Port

即是你需要的端口号，建议修改个大点的端口，以免和其他端口相冲突.

vsftpd

# find / -name vsftpd.conf

# vi //vsftpd.conf

//是vsftpd.conf所在目录，在vsftpd.conf中增加 listen_port= 这个星号这里是自定义的端口号.

proftpd

# vi /etc/proftpd.conf

Port 21

Port

pure-ftpd

# vi /etc/pure-ftpd/pure-ftpd.conf

# Bind 127.0.0.1,21

Bind 0.0.type = 'local'0.0,

将# Bind前的#去掉，并将127替换成0 将21改成你指定的端口

# vi /etc/servs

将21和22端口都修改成指定的端口，22端口要改成与sshd_config里的端口一致.21端口要改成pure-ftpd.conf里一致的端口.以此类推…..

# iptables -I INPUT -p tcp --dport 22 -j DROP

# iptables -I INPUT -p tcp --dport 25 -j DROP

# iptables -I INPUT -p tcp --dport 21 -j DROP

# iptables -I INPUT -p tcp --dport 110 -j DROP

# iptables -I FORWARD -p tcp --dport 22 -j DROP

# iptables -I FORWARD ......>>

问题八：如何修改浏览器HTTP地址和端口？打开浏览器，在IE浏览器的叮nternet属性里面，选择那个连接，选择那个“设置”，在里面就能设置HTTP地址和端口了。

问题九：怎么更改IP和端口？ IP网络提供给你的，只要你付费就会有个IP地址，不是你想改就能改的，

端口是电脑虚拟的类似地址的东西，很多，比如上网常用的80端口，也不用管，系统安排一切，主机的用户名，密码是自己设置的，在控制面板里，

宽带客户端用户名，密码是你开网设的，在哪开网在哪里改了，

普通用户没必要关心这些的。

问题十：如何修改3389远程登陆端口？求解答众所周知，入侵者一般先扫描主机开放端口，一旦发现其开放了3389端口，就会进行下一步的入侵，所以我们只需要修改该务默认端口就可以避开大多数入侵者的耳目。

]步：修改端口

打开“开始→运行”，输入“regedit”，打开注册表，进入以下路径：[HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlTerminal WdsrdpwdTdstcp]，看见PortNamber值了吗？其默认值是3389，点十进制修改成所希望的端口即可，例如3999。

再打开[HKEY_LOCAL_MACHINESYSTEMCurrentContro1SetControlTenninal WinStationsRDPTcp]，将PortNumber的值（默认是3389）点十进制修改成端口3999。

修改完毕，重新启动电脑

第二步：修改网卡设置

打开控制面板，双击“windows防火墙”点“高级”选择你使用的网卡，点右边的设置，在点击底下的“添加”在详细设置服务设置；（注意：此服务的外部的端口号一定要与步你所修改的端口一致）点击确定。

第三步：在本地计算机设置远程登陆软件

在桌面上的：“远程桌面.rdp”点击右键，打开方式，选择记事本打开，在文件的receiver: ''下添加“server port:i:3389”把3389更改为你“3999”现在你的设置全部完成

重新启动电脑，以后远程登录的时候使用端口3999就可以了。

如何精简vue-cli安装的依赖项

target: target,

1.先安装node，检查node版本，node -v,安装vue-cli脚手架，node的版本必须在v4.0以上

使用需求

2.全局安装vue-cli,npm install -g vue-cli，检vue是否安装成功,vue,用vue list可以查看vue有哪些可以安装的模板

3.安装一个webpack的模板，vue init web本地开发pack sell

如果一直是downloading状态，可以尝试这个。

4.安装成功。以下就是vue+webpack的模板

5.执行npm run dev运行模板，建议更改下端口号，config----index.js,里面的port端口改为和其他端口不一样就可以了。

如果出现执行npm install，npm run dev

执行成功的界面

项目文件的解读

bulid和config是 webpck配置相关

node_modules文件夹：是npm install安装的依赖代码库

src文件夹：存放源码

static：存放第三方静态资源的，static里面的.gitkeep，如果为空，也可以提交到gitHub上面，正常情况下，是不可以提交的。

.babelrc:把es6文件编译成es5

代码

.babelrc文件

{"presets": ["es2015", "stage-2"],//表示预设，表示babelrc转换预先需要安装的插件

"plugins": ["transform-runtime"],//把es6的方法做转换

"comments": false //false表示转换后代码不生成注释

}代码

.editorconfig：编辑器的配置

代码

.editorconfig

charset = utf-8 //编码

indent_style = space //缩进风格,基于空格做缩进

indent_size = 2 //缩进大小是2格

end_of_line = lf //换行符的风格

insert_final_newline = true //当你创建一个文件，会自动在文件末尾插入新行

trim_trailing_whitespace = true //自动移除行尾多余空格

代码

.eslintignore 忽略语法检查的目录文件

就是忽略对build/.js和config/.js的语法检查

.eslintrc.js eslint的配置文件

package.json对项目的描述

代码

{"name": "sell",

"version": "1.0.0",

"description": "sell app",

"author": "",

"private": true,

"scripts": { /表示可以执行一些命令，例如：npm run dev会执行node build/dev-server.js，npm run build会执行node build/build.js，因此可以通过scripts配置脚本/

"dev": "node build/dev-server.js",

"build": "node build/build.js",

"lint": "eslint --ext .js,.vue src"

"dependencies": { /项目的依赖/

"vue": "^2.2.2",

"vue-router": "^2.2.0"

"devDependencies": { //编译需要的依赖

.......................

"engines": {

"node": ">= 4.0.0",

"npm": ">= 3.0.0"

"browserslist": [

"> 1%",

"last 2 versions",

]}

代码

index.html是项目的入口，入口js是main.js

vue.js开启子进程

实现

一，打开子进程窗口；

首先自己写好自己的vue页面，我这里写打开“开始→运行”输入“mstsc”打开软件，点击的“选项”，然后点底下的“另存为”随便输入一个名字；例：“远程桌面.rdp”保存到桌面上；好的页面的名字是 zchildern；

启动vue.js项目的方法：首先使用“cd 项目名称”命令进入项目目录中；然后使用“npm install”命令安装依赖；使用“npm run dev”命令启动项目即可。

一种电子文件格式需要对已有类型进行转换：1: 需要将所有自定义类型都转换为 local, 2和3：什么也不转换，4：所有的自定义类型全部转换为。

vue创建新项目按钮不亮

3、然后修改防火墙

可能有其他进程占用了端口。

之所以要两种 host, 本质上是因为接口使用的域名

在创建新项目的过程中，Vue CLI会自动分配一个可用的端口号，如果该端口号已经被其他进程占用，可能会导致创建新项目按钮[HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlTerminal WinStationsRDP-Tcp]不亮。

Vue是一款流行的JaScript框架，用于构建用户界面。它采用MVVM模式，将视图层和数据层分离，通过响应式的数据绑定机制实现数据的自动更新。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系 836084111@qq.com 删除。

vue项目修改端口号_vue修改localhost

vue.js开启子进程

改了tomcat后vue运行不了

vue.js npm run dev的时候提示完成却没有端口号

如何优化Vue项目

如何优化Vue项目

关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题

怎么修改端口

如何精简vue-cli安装的依赖项

vue.js开启子进程

vue创建新项目按钮不亮

相关文章

热门

推荐

随机