时间:2021-05-26
最近在项目中使用了Vue CLI 3.0版本,项目中需要设置反向代理解决跨域问题,下面记录一下设置过程。
如何安装vue-cli3呢?
首先,你要有一个nodejs环境
Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。
其次,如果你之前安装了vue-cli的旧版本,那么你要做如下操作
关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
假设你已有了nodejs环境,你可以通过下面指令安装vue-cli3的包
npm install -g @vue/cli# ORyarn global add @vue/cli安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。(例如 vue --version)
新建配置文件
在项目的根目录下新建 vue.config.js 文件,自Vue CLI 3开始,项目中所有的配置信息都写在这个文件中(2在config目录中配置)。
配置反向代理
设置代理
在请求中使用
更多
更多内容请参考Vue CLI官方文档https://cli.vuejs.org/zh/config/#devserver-proxy
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Vue-cli3.X创建项目1.环境要求安装Vue-cli3.x的前置条件:Node.js以Windows为例安装Node.js,百度“Node.js官网”或”
vue-cli3.x的beta版本,基于iview做的公司的角色权限管理平台。3.x版本对整个项目的构建都有很大的改动,没有原先的config文件夹,没有dev
本教程主要讲解的是Vue-CLI3.x脚手架搭建的vue项目,先构建生成dist文件(纯静态应用),然后自动化部署到静态文件服务器Nginx。一、Nginx服务
本文介绍了vue-cli构建项目反向代理配置,分享给大家,具体如下:proxyTable:{//配置请求代理'/dlsys':{target:'http://1
vue-cli@2.x项目迁移日志虽然vue-cli@3早就已经巨普及了,新项目应该已经很少有人还有使用vue-cli@2.x。但是对于一些稍微早些时候的vue