zoukankan      html  css  js  c++  java
  • python前后台交互相关配置

    全局配置:全局样式、配置文件

    在js下创建setting.js ,配置全局的settings.js

    import settings from '@/assets/js/settings'

    Vue.prototype.$settings = settings;

    export default {
        base_url = 'http://127.0.0.1:8000'
    }
    

    配置全局的css样式

    # import '@/assets/css/global.css'  ###二者皆可
    require('@/assets/css/global.css');
    

    配置element-ui插件

    ①安装:cnpm install element-ui

    ②配置环境

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);
    

    配置jquery 和bootstrap环境

    ①安装:cnpm install jquery && cnpm install bootstrap@3

    ②配置环境:jq在vue.config.js中配置

    import "bootstrap"  // 加载bs的逻辑
    import "bootstrap/dist/css/bootstrap.css"
    

    vue.config.js

    const webpack = require("webpack");
    
    module.exports = {
        configureWebpack: {
            plugins: [
                new webpack.ProvidePlugin({
                    $: "jquery",
                    jQuery: "jquery",
                    "window.jQuery": "jquery",
                    "window.$": "jquery",
                    Popper: ["popper.js", "default"]
                })
            ]
        }
    };
    

    前后台交互跨越问题:CORS

    配置axios来完成前后台ajax请求
    1、安装:cnpm install axios
    2、配置环境

    import Axios from 'axios'
    Vue.prototype.$axios = Axios;
    

    配置cookie操作插件

    1、安装:cnpm install vue-cookies
    2、配置环境

    import Cookies from 'vue-cookies'
    Vue.prototype.$cookies = Cookies;
    
  • 相关阅读:
    css属性选择器
    css各浏览器的兼容性写法
    使元素的宽度由内容撑开的方法
    DOM应用
    css圣杯布局、等高布局
    总结css兼容问题
    table注意事项
    相对定位、绝对定位在IE6的问题
    IE6,7下li标签的间隙
    清除浮动的7种方法
  • 原文地址:https://www.cnblogs.com/lzss/p/12146831.html
Copyright © 2011-2022 走看看