Vue

最新推荐文章于 2024-09-14 09:50:15 发布

一尘_YC

最新推荐文章于 2024-09-14 09:50:15 发布

阅读量115

点赞数 1

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_29646977/article/details/107243868

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

@Vue

Vue-cli 创建

创建一个文件保存的路径。比如：D:\workspace\vueWork\vue-02
命令行进入该目录
D:\workspace\vueWork\vue-02> vue init webpack vue-02
vue init webpack vue-demo(项目名称)
【进入交互页面，根据自己情况选择】
?Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
Runtime + Compiler: recommended for most users
? Install vue-router? Yes # 是否需要 vue-router
? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset Standard # 一样的ESlint 相关
? Set up unit tests Yes # 是否安装单元测试
? Pick a test runner 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
? Should we run npm install for you after the project has been created? (recommended) npm # 包管理器，我选的NPM
安装成功后，进入项目目录
【初始化项目】 npm install
启动项目 npm run dev
默认地址:localhost:8080
下次创建项目使用axios或者 element ui
main.js引入

 		import ElementUI from 'element-ui'
		import 'element-ui/lib/theme-chalk/index.css'
		import axios from 'axios'
		import VueAxios from 'vue-axios'
		Vue.use(ElementUI)
		Vue.use(VueAxios, axios)
		//在文件【package.json】 的"dependencies" 配置
		"ant-design-vue": "^1.6.3",
	    "axios": "^0.19.2",
	    "element-ui": "^2.13.2",
	    "vue": "^2.5.2",
	    "vue-axios": "^2.1.5",
	    "vue-router": "^3.0.1"

配置跨域(前后端分离)

打开config/index.js

 proxyTable: {
        '/api':{//前端路由匹配模式
          target : 'http://localhost:81/cloud',//后端请求地址
          changeOrigin : true,//是否跨域
          pathRewrite:{
            '^/api' : ""   //路径重写  前端/flask-api 对应 后端/
          }
        }