vue.config.js 配置
vue 跨域问题
创建config项目和src同一级别
config中的代码配置反向代理,解决跨域问题 例如:/ajax
target: 表示uri
module.exports = {
devServer: {
proxy: {
'/ajax': {
target: 'https://m.maoyan.com',
// ws: true,
changeOrigin: true
},
'/foo': {
target: '<other_url>'
}
}
},
请求代码如下:
多页面
在index.html 同级别创建所需的页面 例如other.html
在main.vue 同级别创建所需的页面 例如other.vue
代码可复制html和vue中的内容
在vue.config.js添加如下代码:
module.exports = {
pages: {
index: {
// page 的入口
entry: 'src/main.js',
// 模板来源
template: 'public/index.html',
// 在 dist/index.html 的输出
filename: 'index.html',
// 当使用 title 选项时,
// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
title: 'Index Page',
// 在这个页面中包含的块,默认情况下会包含
// 提取出来的通用 chunk 和 vendor chunk。
// chunks: ['chunk-vendors', 'chunk-common', 'index']
},
// 当使用只有入口的字符串格式时,
// 模板会被推导为 `public/subpage.html`
// 并且如果找不到的话,就回退到 `public/index.html`。
// 输出文件名会被推导为 `subpage.html`。
// subpage: 'src/subpage/main.js'
other:{
entry: 'src/other.js',
// 模板来源
template: 'public/other.html',
}
}
}
级别如上