vue开发小游戏怎么样_springboot-vue前后端分离，博客首页

vue使用的vue-cli3创建的项目

在使用的背景图片时发现css中直接写路径vue提示错误，无法编译成功

查询了发现可以这样配置

vue.config.js中配置

module.exports = {    devServer: {      // 跨域配置        port: 4000,        proxy: {            '/api': {                target: 'http://localhost:8080/api',                changeOrigin: true,                ws: true,                pathRewrite: {                    '^/api': ''                }            }        }    },  // css路径配置    publicPath:process.env.NODE_ENV === 'production'?'/production':'/'}

这样可以在css直接使用相对路径引用图片

下面开始写博客列表

最开始页面效果时这样的

完成后的效果

页面右边的标签明天在完成

代码如下，供新手参考

{{className}}

{{citem.cate_name}}

4月 21

vue博客实战首页实现

发表于 • 123 次围观 • 活捉 234 条 • 22点赞 • 99收藏

博客

学而思的数独小游戏，H5版本的小游戏，使用vue 构建项目，简单方便，开发打包都超级方便。

阅读全文>>