vue判断静态文件是否存在
vue判断静态文件是否存在?？
vue判断静态文件是否存在的方法如下🦓|_🎋：1🙀-🐃🐿、在Vue组件中引入jquery和axios🎫🦆————🐽🦢。2🕊😅_🍀、定义一个方法🥏🪴|*🧿，使用ajax请求判断静态文件是否存在🕊🦃||😛。3🦄——🦩、使用boost库中filesystem类库的exists函数即可🐣😸|🐁。
解决方法🌲-——🎗🐽：将vue 工程文件夹在 INSTALLED_APPS 里面注册下就行🎍🦎_-🥎。如果不注册app🌼🐱——-*，那么即使写入文件夹*|——🎭，django 也不会扫描（根目录除外）🦣✨|🦘🐇：如上所示我在 STATICFILES_DIR 中已经写入了blogfro （也就是vue 文件目录）打包完成后的 static 文件夹🦩-🌝🐥，但是进入首页仍然白屏🦒_🪶。 白屏表示模希望你能满意🪡_-🪱。
vue判断静态文件是否存在的方法如下🦓|_🎋：1🙀-🐃🐿、在Vue组件中引入jquery和axios🎫🦆————🐽🦢。2🕊😅_🍀、定义一个方法🥏🪴|*🧿，使用ajax请求判断静态文件是否存在🕊🦃||😛。3🦄——🦩、使用boost库中filesystem类库的exists函数即可🐣😸|🐁。
解决方法🌲-——🎗🐽：将vue 工程文件夹在 INSTALLED_APPS 里面注册下就行🎍🦎_-🥎。如果不注册app🌼🐱——-*，那么即使写入文件夹*|——🎭，django 也不会扫描（根目录除外）🦣✨|🦘🐇：如上所示我在 STATICFILES_DIR 中已经写入了blogfro （也就是vue 文件目录）打包完成后的 static 文件夹🦩-🌝🐥，但是进入首页仍然白屏🦒_🪶。 白屏表示模希望你能满意🪡_-🪱。
于是我用下面的写法🦕|-🦥：这种写法也是不可以的🐗_🎾，原因是你的静态资源文件static不在src目录🎾|_🐷🎭，而在vue中src目录是相对根目录是src目录🪱_⛸🦋，所以如果你想用上面的写法🐏_-🌹🌵，必须要把static放在src目录下🙁-🐏。如上面图一图二注意😟🐪--⛈：不能把static/images/user.png写成/static/images/user.png🎭🪲-_🐓，否则图片还是失效🐥🪶_🐞。以上是关于说完了🌷——|😼⛅️。
在*.vue组件里😣|🌾🦊，所有的templates和CSS模块都被vue-html-loader和css-loader解析来查找路径URL🥍————👻🎐。举个例子🎑☺️_⭐️，在和背景background: url(./logo.png)😒|🐁，”./logo.png”是一个相对路径🦌🎉——🦌🤭，会被Webpack当做一个依赖加载🐄🌩-|🏅。但是因为logo.png并不是JavaScript🍀🌖——_🐙，所以如果被当成一个依赖的花🐂|-♣，我们需要通过url-loader和是什么🦓——🐃🐼。
vuejs访问静态资源的变量?？
vuejs访问静态资源的变量使用下列方式🐕-_😐🤗：1🦁__🌷🪅、使用require语法我们可以在模板中使用require🐾🐪——-🎲🐊，然后在src属性中传入静态资源的路径来动态引用它们🐏||🐳。2🤤——🦘🦊、使用import语法我们使用import语法将logo图片导入到组件中*🍀_🤖🕸，并在data选项中创建一个属性logo🐺😄_-🐐，然后在模板中使用它🌜😶——🐣🐒。
在dist目录下的static静态资源🌈——_🌍🌸，通过路由访问时🌳😴——🎭🌷，会多出一个路由在静态资源前面🎋🙈_-💫，如🐆-_🧶：ip:8080/Test/static/one.js Test路由的存在导致one.js报404问题😇🥉|🐀；项目在构建dist时🌱🐸_-🐇，路由配置的问题🎣🌷|🐜🐪，找到Vue项目下/src/router/index.js文件💥|🪅，更改为如图方式😑_🤒🎃：重新npm run build😁🤒——😿👹，将dist替换到服务器上🦂_🦟🌝，重新好了吧😼🍂_🐪🦣！
vue项目静态资源(图片,字体)引用路径正确姿势?？
首先🦡😆_🏆🌙，vue项目有两个地方可以存放静态资源🦁——🤥🙊。一个是assets文件夹🌙-🌎，一个是static文件夹（地址栏输入static可以直接访问）🐩|🦥。放到static里面webpack打包后只会把资源复制到发布目录而不会把小图片优化为base64🐌♥|_🎄。而assets内的资源会被webpack打包🦒_🦏⛳，比如图片🦂🐑|🐇，会被转为BASE64🍃🐦_♦⛳。为了兼顾图片资源优化🦢🕊-|🎣，所以还是不适合把说完了🐒🌳|😺🐟。
本文主要解决①.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题🌛🐿-_🎋；②.静态资源打包使用相对路径后css文件引入大图片路径错误问题🤑🐀|♟。1😯-|🐬🌾、问题vue-cli 脚手架生成的默认打包配置文件情况下运行npm run build 打包后😍🌻——-😶，部署项目至特定路径下🐘_🐙😚：如🪄——🐯😺：/ip:port/public/springActivity/此时访问🤓_🙄🦘：http://好了吧🤗|♥！
vue静态资源路径设置?？
vue打包上线后经常会碰到静态资源路径找不到的问题🌺🪳-_🌛。常见问题及解决方式如下🐸🐗_——🖼：解决方式🐤✨_-🐣🌿： 打开config/index.js🐊-🦗，将其中的assetsPubicPath的值改为‘/’解决方式 更改图片文件的路径改为绝对路径或者生产环境的相对路径🦕_——🤬⭐️，
静态文件指像css,js,images之类的文件🐰|_😎，在Django里面静态文件的处理与一般的视图是不一样😨😔|🐇👹，新手往往容易犯迷糊🌿_|🤯。静态文件交由Web服务器处理😉🦌——🎯，Django本身不处理静态文件🦍_-🐚🌙。简单的处理逻辑如下(以nginx为例)🐈-🤤🪀：URI请求---> 按照Web服务器里面的配置规则先处理🎫——|🥊，以nginx为例🦊-🦗🦁，主要求配置在nginx.conf里的location等我继续说🤒🤢-🐼😃。