1 Star 0 Fork 0

luo / phoshow-vue-vant2

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

phoshow-vue-vant2

一、系统环境及生成项目

nodejs-v14.19.0 windows11-家庭版

新建项目

vue create phoshow-vue-vant2

@vue/cli 5.0.8

二、安装组件

npm i moment -s
npm i vue-router@3.0.6 -s
npm i axios -s
npm i vant@latest-v2 -S
npm i vconsole -s    // 手机调试console
npm i sass-loader@7.3.1 -s 注:node版本
npm i node-sass@4.14.1 -s

三、配置路由文件 /router/index.js

main.js引入router

import router from "router"

new Vue({
	router,
	render: h => h(App),
}).$mount('#app')

四、配置axios拦截器 /api/request.js

五、引入前端框架 vant2

import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

六、配置环境变量

1.新建.env.development文件
# just a flag
NODE_ENV = 'development'

VUE_APP_ENV = 'dev'
BASE_URL = ''
# base api
VUE_APP_BTSTU ='/btstu'
2.配置 package.json文件 dev 对应 .env.development文件
{
	"scripts": {
		"dev": "vue-cli-service serve --mode development",
		"build:prod": "vue-cli-service build --mode production --report",
		"build:uat": "vue-cli-service build --mode uat --report",
		"lint": "vue-cli-service lint"
	}
}

页面中获取环境变量的方式:process.env.VUE_APP_BTSTU 注:修改环境变量需要重启项目

七、设置本地代理

vue.config.js

const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
	transpileDependencies: true,
	devServer: {
		// host: "localhost",
		// port: 8081, // 端口号
		// https: false, // https:{type:Boolean}
		// open: false, //配置自动启动浏览器
		// hotOnly: true, // 热更新
		proxy: { //配置多个跨域
			"/btstu": {
				target: "http://api.btstu.cn/qqxt/api.php",
				changeOrigin: true,
				// ws: true,//websocket支持
				secure: false,
				pathRewrite: {
					"^/btstu": ""
				}
			}
		}
	}
})

空文件

简介

这是一个 vue2 vant2简单移动端项目 使用到这些插件:axios,echarts,font-awesome,moment,node-sass,sass-loader,vant,vconsole,vue-router,vuex 展开 收起
JavaScript 等 4 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/luolove9100/phoshow-vue-vant2.git
git@gitee.com:luolove9100/phoshow-vue-vant2.git
luolove9100
phoshow-vue-vant2
phoshow-vue-vant2
master

搜索帮助