2、在目标文件夹下打开终端
3、执行cnpm install vue-cli -g 全局安装
运行vue查看安装是否成功
4、运行vue init webpack(注:模板名称) sell2(注:项目名称)
5、进入项目文件夹下执行 cnpm install 来安装下载到模板中的package.json中的依赖,安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件
6、由于依赖项非常的多编辑器在检索module文件时会非常的耗内存,所以在用webstorm编辑器启动项目的时候我们往往会在node-module文件夹右键去阻止检索该文件
注:webstorm一打开就卡死了,没办法操作文件夹这种情况的解决方法为,首先在文件夹形式下打开删除node-modules文件夹,然后进行阻止检索的方法,然后在重新cnpm install就好*(这种方法需要安装完依赖项先运行一次然后删除node_modules子文件,webstorm打开项目,禁止检索node_ module文件夹,然后在删除该文件夹,重新安装即可)
7、运行项目执行 npm run dev (注:此时不能用cnpm来运行,必须是npm)
8、将需要的资源放进项目
9、我们需要用到路由功能 所以需要安装vue-router
安装方法:vnpm install vuve-router --save
10、在build/devs-erver.js下编写自定义变量和路由功能
这样在运行项目下就可以得到自己想要的json数据,
这样路由就配置成功,并且得到了自己想要的数据
11、在写代码之前现在html文件下引入初始化样式(保持样式的统一和美观)
12、调用组件的方式
-
使用 Setup 模式可完成路由器的部分配置,但灵活性差,且有的配置无法实现。对路由器的一般配置方法,是使用其IOS的命令行界面(CLI),通过输入IOS命令来进行。本章叙述如何使用Cisco IOS 软件的命令行界面(CLI)进行路由器基本功能的配置。Cisco IOS在第2章已做了介绍,它既是交换机的操作系统,也是路由器的操作系统。1. 普通用户模式(User EXEC)
普通用户模式用于查看路由器的基本信息,不能对路由器进行配置。在该模式下,只能够运行少数的命令。
该模式默认的提示符为:router>
进入方法:登录路由器后默认进入该模式
退出命令为:logout。
2. 特权用户模式(Priviledged EXEC)
特权用户模式可以使用比普通用户模式下多得多的命令。特权用户模式用于查看路由器的各种状态,绝大多数命令用于测试网络、检查系统等。保存配置文件,重启路由器也在本模式下进行。该模式不能对端口及网络协议进行配置。
该模式默认的提示符为:router#
进入方法:在普通用户模式下输入enable并回车
退出方法:退到普通用户模式的命令为disable,退出命令行模式则使用命令exit。
3. 全局配置模式(Global Configuration)
全局配置模式用于配置路由器的全局性的参数,更改已有配置等。要进入全局配置模式,必须首先进入特权用户模式。在进入该模式前,必须指定是通过终端或是网络服务器进行配置。
全局配置模式的默认提示符为:router(config)#
进入方法:输入命令config terminal
退出方法:可使用exit或 end或按〈Ctrl〉+〈Z〉组合键退到特权模式。
4. 接口(或称端口)配置模式(Interface Configuration)
接口配置模式用于对指定端口进行相关的配置。该模式及后面的数种模式,均要在全局配置模式下方可进入。为便于分类记忆,都可把它们看成是全局配置模式下的子模式。
默认提示符:router(config-if)#
进入方法:在全局配置模式下,用interface命令进入具体的端口
router(config-if)#interface interface-id
退出方法:退到上一级模式,使用命令exit;直接退到特权用户模式,使用end命令或按〈Ctrl〉+〈Z〉键。
例如,进入以太网接口配置模式:
router (config)#interface ethernet 0
5. 子接口(或称子端口)配置模式(Subinterface Configuration)
子端口是一种逻辑端口,可在某一物理端口上配置多个子端口。
默认提示符:router (config-subif) #
进入方法:在全局或接口配置模式下用interface命令进入指定子端口
router (config-if)#interface interface-id.subinterface-number multipoint|point-to-point//配置多点连接或点到点连接子接口
退出方法:同上一配置模式的。
例如给ethernet 0配置子接口0.0:
router(config)#interface ethernet 0.0 //以太网子接口无需关键字multipoint|point-to-point
router(config-subif)#
6. 控制器配置模式(Controller Configuration)
控制器配置模式用于配置T1或E1端口。
默认提示符:router (config-controller) #
进入方法:在全局配置模式下,用controller命令指定T1或E1端口
router (config) #controller e1 slot/port or number
退出方法:同上一配置模式的。
7. 终端线路配置模式 (Line Configuration)
用于配置终端线路的登录权限。
默认提示符:router(config-line)#
进入方法:在全局配置模式下,用line命令指定具体的line端口
router (config) #line number or {vty|aux|con} number
退出方法:同上一模式。
例如,配置从Console口登录的口令:
router(config)#line con 0
router(config-line)#login
router(config-line)#password sHi123 //设置口令为sHi123
又如,配置Telnet登录的口令:
router(config)#line vty 0 4
router(config-line)#login
router(config-line)#password password-string
Cisco路由器允许0~4共5个虚拟终端用户同时登录。
8. 路由协议配置模式(Router Configuration)
用于对路由器进行动态路由配置。
默认提示符:router (config-router)#
进入方法:在全局配置模式下,用router protocol-name命令指定具体的路由协议
router (config) #router protocol-name[option]//有的路由协议后面还必须带参数
退出方法:同前一模式。
例如,进入RIP路由协议配置:
router(config)router rip
router(config-router)#
又如,进入IGRP路由协议配置:
router(config)#router igrp 60//60是假设的自治域系统号,需要带上
9. ROM检测模式
如果路由器在启动时找不到一个合适的IOS映像时,就会自动进入ROM检测模式。在该模式中,路由器只能进行软件升级和手工引导。
第一次部署配置,关于部署vue项目dist包,在nginx配置遇到的坑:
1.vue项目中vue.config.js的配置:
devServer.proxy 可以是一个指向开发环境 API 服务器的字符串:
2.打包后dist包部署到linux服务器上,Nginx配置反向代理实现ajax进行跨域访问:
conf目录下nginx.conf配置如下:
配置之后重启nginx即可 ./nginx -s reload
注意:开始漏了rewrite ^/prod-api/(.*) 1 break请求后台接口一直404 not found,
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)