代码拉取完成,页面将自动刷新
cnpm install -g vue-cli
vue init webpack 英文项目名
cnpm install
npm run dev
npm install --save axios vue-axios
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.axios({
method: 'get',
url: url,
}).then(res => {
console.log(res.data);
})
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
//跨域
proxyTable: {
//请求路径以api开头的,转发到 target地址去请求
'/api': {
target: 'https://api.douban.com/',
changeOrigin: true,
//将路径中的/api 替换成 /
pathRewrite: {
'^/api': '/'
}
}
}
}
getData() {
//api开头的都会由代理服务器转发到 http3://api.douban.com的域名去请求,因为在config/index.js中已经配置了
let url = '/api/v2/movie/in_theaters';
Vue.axios({
method: 'get',
url: url,
//豆瓣的数据获取接口需要传递header,并且Content-Type不能指定为json,否则请求不到数据
headers: {
'Content-Type': 'application/text'
}
}).then(res => {
console.log(res.data);
})
}
npm i element-ui -S
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
cnpm install vue-router -D
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path:'/',
component:Todos
},
{
path:'/todo/:id',
component:Todo
}
];
const router = new VueRouter({routes})
new Vue({
el:'#app',
template:'<App/>',
components:{App},
router
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。