flask+vue2.0

flask+vue2.0,第1张

1.蓝图的注册要放在所有路由之后。


这个坑

2.Vue 打包不生成 .map 文件设置方法

修改config/index.js

productionSourceMap: false

3.Vue 跨域,本地调试跨域的解决方案(建立模拟服务器并从真实的服务器请求数据),如果是服务器,用ngixn配置。


修改config/index.js

proxyTable: {
  '/api': {
    target: 'http://zuowen.api.juhe.cn/',//
    changeOrigin: true,
    secure: false,// 如果是https接口,需要配置这个参数设置为true
    pathRewrite: {
      '^/api/v1': '/api' //重写
    }

4.TTF字体,字体文件名的后缀TTF要改为小写和下面对应,并安装url-loader

build/webpack.base.conf.js

{
  test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
  loader: 'url-loader',
  options: {
    limit: 10000,
    name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
  }

5.打包vue

npm run build

6.将axios设为全局

Vue.prototype.axios = axios
Vue.config.productionTip = false
axios.defaults.baseURL = '/api/v1/'
axios.defaults.timeOut = 50000

7.其他js引用全局axios,不知道这样是不是最好的办法,暂时就这样用一下吧。


import Vue from 'vue'
Vue.prototype.axios({
  url: value,
  method: 'get',
  params: {id: data.params.id}
})

8.去掉vue路径中#字符,修改router/index.js中mode为history

const router = new VueRouter({
  mode: 'history',
  routes
})

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/580778.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-11
下一篇 2022-04-11

发表评论

登录后才能评论

评论列表(0条)

保存