
Vue
文章平均质量分 58
Coder_C_1024
这个作者很懒,什么都没留下…
展开
-
Nginx配置Vue项目,解决无法按路径跳转及刷新404问题
前言当前已有PHP项目(ThinkPHP 5 框架,Laravel框架同理),由于PHP项目有多个模块:admin、index、api等模块,前端代码又想和现有项目相同域名。实现在PHP项目的public目录下创建h5文件夹;Vue打包项目,使用history路由模式,运行的基础路径填:/h5/;将打包好的Vue文件放置PHP项目下的public/h5下;配置nginx伪静态,配置如下:location /h5 { try_files $uri $uri/h5 /h5/index.htm原创 2021-12-11 16:04:01 · 4358 阅读 · 0 评论 -
Vue使用GraphQL Apollo动态修改URI
前言继上次完成在Ant Design Pro Vue中集成GraphQL使用后,为了配合后端做日志记录,需要进行语义化接口地址,即:对于单个查询操作,需要加参数:/graphql?query:goods对于单个变更操作,需要加参数:/graphql?mutation:updateGood对此,需要在每次进行graphql提交操作时,根据提交的参数进行动态修改Uri。具体实现引入createHttpLink…,直接看代码吧:import storage from 'store'import原创 2020-09-30 17:12:52 · 478 阅读 · 0 评论 -
Ant Design Pro Vue 全局国际化-设置中文
我是vue-antd-pro 3.0版本,设置全局国际化包括日期控件,话不多说直接上手操作:打开src/App.vue,修改script<script>import { domTitle, setDocumentTitle } from '@/utils/domUtil'import { i18nRender } from '@/locales'// 以下3句作用于日期控件显示中文import moment from 'moment'import 'moment/locale/z原创 2020-09-25 09:54:45 · 5396 阅读 · 1 评论 -
Ant Design Vue 中cascader级联组件动态加载数据
前言Ant Design Vue中的cascader是专门处理级联数据的组件,使用非常简单。但在动态获取数据并回显数据方面,略有不足,无法实现回显数据前加载二级数据。需要自己编写代码来实现。如何使用组件引入组件默认框架没有引用Cascader组件,需要自己手动引用,引用方式:打开/src/core/lazy_use.js,import { ... Cascader} from 'ant-design-vue'...Vue.use(Cascader)这样在Vue页面上就能直接原创 2020-09-25 09:53:51 · 7812 阅读 · 9 评论 -
Ant Design Vue集成GraphQL Apollo
安装Apollo客户端插件npm install vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-cache-inmemory graphql-tag --save安装加载器加载graphql后缀文件打开根目录的vue.config.js,在vueConfig(不是Ant Design Pro框架的,是在webpack.base.config.js实现)下的chainWebpack函数中加入以下内容:// 支原创 2020-09-25 09:52:21 · 577 阅读 · 0 评论