Describable
), который содержит собственно описание. Так же для оптимизации такие предметы нужно поместить на отдельный layer.var fwdLook = camera.TransformDirection(Vector3.forward);
RaycastHit hit;
if (Physics.Raycast(camera.position, fwdLook, out hit, checkDistance, layer)) { // layer должен быть тот самый, где у нас предметы, checkDistance настроить по вкусу
var describable = hit.transform.GetComponent<Describable>();
}
data() {}
. Более устойчивое решение — сделать nuxt-плагин, который будет вставлять эти данные в прототип vue. Например, так:// plugins/nuxt-env-plugin.js
import Vue from 'vue';
Vue.use({
install(Vue) {
Vue.prototype.$env = {IMG_URL: process.env.IMG_URL}; // Vue.prototype.$env = process.env не сработает
},
});
// не забудьте подключить его в nuxt.config.js
<img :src="$env.IMG_URL + '/user-pic.jpg'">
. Только осторожно, не передавайте на клиент весь process.env, т.к. потенциальный злоумышленник может воспользоваться переменными окружения для организации атаки. везде написано по кусочкам
Почему нет возможности просто добавить серверный рендеринг в мой уже существующий проект?
Далее меня смущают отличия обычного приложения на vue от приложения на nuxt, а именно измененной структуры директорий и роутинга.
вместо простой отдачи файло nginx'ом, предстоит настроить обработку запросов через node
upstream myAppName {
server 127.0.0.1:3003;
}
server {
listen 80;
location / {
proxy_pass http://myAppName;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header User-Agent $http_user_agent;
proxy_cache_bypass $http_upgrade;
}
}
$.ajax()
Сейчас на месте ее появления крутится красивый прелоадер, а как это будет после переноса на nuxt? Страница будет рендериться эти пару секунд?
mounted() {
if (process.browser) {
this.fetchStats();
}
}
rollup main.js --format umd --name "myBundle" --file bundle.js