分类:Vue

12 篇文章

vue中使用高德地图api
1、比较简单的原生方式 <template> <div style="margin: 0px;padding: 0px"> <div id="panel"></div> <div :id="mapId" style="width:100%;height:80vh" class="m-map"/> <a-butto…
vue3 配置.env 全局变量
在根目录新建三个环节变量1、开发环境2、生成环境3、测试环境 .env.dev(开发环境) .env.pro(生产环境) .env.test(测试环境) 不同开发环境配置了不同端口和地址属性 在配置运行vue、生成vue包使用对应的开发环境修改package.json文件 对应的命令后面 添加 --mode dev用来区分使用哪个环境变量 npm …
解决使用vue 内网穿透(映射) 出现 Invalid Host header
解决方案根目录下新建 vue.config.js 添加以下代码到vue.config.js文件下 (禁用主机检查) module.exports = { devServer: { //禁用主机检测 防止内网穿透访问失败 disableHostCheck: true } } 重启即可。
安装router路由
我用的vue3版本安装路由命令 npm install vue-router src根目录下创建router文件夹,并且创建index.js文件 index.js文件写入下面代码 //引入vue import Vue from 'vue' //引入vue-router import VueRouter from 'vue-router' /*使用V…
vue中配置跨域
根目录新建文件vue.config.js module.exports = { devServer: { proxy: { '/api': { // 此处的写法,目的是为了 将 /api 替换成 https://www.baidu.com/ target: 'http://yaoyaoman.cn', // 允许跨域 changeOrigin: t…
IDEA中打开vue项目
前提下安装好node.js,打开vue项目或其他项目,按下图所示,选择“settings” 选择plugins,输入“vue.js”安装插件,本地没有插件,点击图中蓝色字体“search in search in repositories”会选择中间“browse repositories”按钮去搜索。 找到vue.js后,点击install安装 …
设置Nodejs安装源
# 查看自己的安装源 npm config get registry # 更换npm源为国内淘宝镜像 npm config set registry http://registry.npm.taobao.org/ # 或者更换为国内npm官方镜像 npm config set registry http://registry.cnpmjs.org/…
Nodejs下载
下载 https://nodejs.org/dist/ 因为从13.9.0往后开始不能安装了,在win7下提示的是该应用只允许在windows 8.1 windows server 2012 r版本上安装,所以下载13.9.0以前的 windows平台推荐下载msi文件,一直下一步安装即可
Vue axios详解
安装axios npm install axios npm install vue-axios 引用axios import axios from "axios"; import VueAxios from "vue-axios"; Vue.use(VueAxios, axios); 请求示例 this.axios.get('http://yaoy…
Vue3.0创建
安装vue-cli3的脚手架 npm install -g@vue/cli npm install vue-cli -g 创建Vue3.0 vue create my-project 运行vue npm run serve 打包vue npm run build