vue-cli 2.x 使用

安装 vue-cli

1
2
# 全局安装
npm install -g vue-cli

如果安装失败,可以使用npm cache clean清理缓存,然后再重新安装

生成项目

首先需要在命令行中进入到工作区间,然后输入

1
vue init webpack vue-project

全局安装webpack命令npm install -g webpack

vue-project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹

proxyTable 代理设置

前后端分离项目本地测试,可以使用 proxyTable 代理到后台服务器,方便调试

1
2
3
4
5
6
7
8
9
10
proxyTable: {
'/api': {
targer: 'https:localhost:8080/service/api',
secure: false,
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
}

使用时直接/api/接口名就行了

  • 本文作者: forever杨
  • 本文链接: https://blog.yl-online.top/posts/58b4b1b8.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。如果文章内容对你有用,请记录到你的笔记中。本博客站点随时会停止服务,请不要收藏、转载!