用iview做一个html网页

最新推荐文章于 2024-08-22 09:12:59 发布

原创最新推荐文章于 2024-08-22 09:12:59 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html

iview 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何将使用iviewUI框架的项目部署到本地，并通过修改WampServer配置，使局域网内的其他设备能够访问该项目。包括了官方文档的引用、代码调整步骤以及WampServer的配置方法。

一.官方文档
http://v1.iviewui.com/docs/guide/install
在线引用外部资源（注意外部资源必须是http://开头）

二.修改部分代码
1.把<template></template>替换成<div id='app'></div>

2.把 export default { }替换成new Vue({ el:'#app' })
3.去掉return{}
（注意自定义函数要反正new Vue上面)

三.让局域网内朋友访问
1.下载安装wampserver2.1
2.把js,css,images,index.html等资源放进 weamp中的www文件夹下
3.修改weamp文件夹中的httpd.conf如下：
ServerName localhost:80 替换为 ServerName localhost:3000
Listen 80 替换为 Listen 3000
Require 替换为 Require ip 192.168.2.122(改成自己电脑的ip)
4.修改weamp文件夹中的wampmanager.tpl如下：
http://localhost/ 替换为 http://localhost:3000/
http://loaclhost/phpmyadmin 替换为 http://loaclhost:3000/phpmyadmin
http://localhost/webgrind 替换为 http://localhost:3000/webgrind
5.局域网内朋友输入198.168.2.122:3000/index.html即可访问你的html
(注意必须关闭防火墙)