Site hospedado no meu servidor da web virtualbox não exibindo imagens ou aplicando css quando visualizado por telefone

Question

Eu realmente aprecio se alguém puder me ajudar. Por favor, deixe-me saber se você precisar de mais informações nos comentários.

Minha configuração

Eu tenho um pc do windows 7. Nele eu rodei uma caixa virtual VM com um sistema operacional 12 convidados e configuração LAMP. Eu compartilho arquivos entre as duas máquinas usando o samba do linux para o windows e usando o compartilhamento de arquivos do windows (Workgroup) ao contrário. O vm é configurado com um adaptador de rede em ponte e pode, felizmente, servir páginas da web para minha máquina host.

Eu uso reservas DHCP no meu roteador / modem sem fio para reservar um ip para a VM e dar a ele um sitename.dev no meu arquivo host do windows para que eu possa acessá-lo no sitename.dev através do navegador.

O problema

Até agora tudo bem, mas eu tenho um projeto de desenvolvimento que precisa de muito desenvolvimento de modelos para dispositivos móveis, agora obviamente posso usar um plug-in de navegador para simular um dispositivo móvel, mas gostaria de poder ver a coisa real com facilidade no meu dispositivo móvel. telefone durante o desenvolvimento.

Então, idealmente, eu gostaria de uma configuração semelhante no meu iphone para a configuração do meu Windows

Agora, não sou muito bom em redes e não tenho muita experiência com o servidor da web configurado. Então, quando eu digitei o ip da minha caixa virtual no meu iphone eu não estava esperando para ver nada. Fiquei agradavelmente surpreso quando meu site carregou. O javascript parece estar funcionando, mas as imagens e CSS não estão acontecendo.

Minha pergunta

1) O que está acontecendo aqui, é algo a ver com a configuração em ponte na rede de vm?

2) Como faço para que os sites sejam carregados corretamente pelo meu telefone

Notas

Eu também tentei outro telefone.

Os mesmos sites visualizados em servidores ativos funcionam bem.

Atualizar

/ etc / apache2 / sites-enabled / 000-default

<VirtualHost *:80>
    ServerAdmin webmaster@localhost

    DocumentRoot /var/www
    <Directory />
        Options FollowSymLinks
        AllowOverride None
    </Directory>
    <Directory /var/www/>
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Order allow,deny
        allow from all
    </Directory>

    ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
    <Directory "/usr/lib/cgi-bin">
        AllowOverride None
        Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
        Order allow,deny
        Allow from all
    </Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log

    # Possible values include: debug, info, notice, warn, error, crit,
    # alert, emerg.
    LogLevel warn

    CustomLog ${APACHE_LOG_DIR}/access.log combined

    Alias /doc/ "/usr/share/doc/"
    <Directory "/usr/share/doc/">
        Options Indexes MultiViews FollowSymLinks
        AllowOverride None
        Order deny,allow
        Deny from all
        Allow from 127.0.0.0/255.0.0.0 ::1/128
    </Directory>

</VirtualHost>

Estrutura do site:

A pasta raiz

é / var / www

por dentro eu tenho uma configuração de codeigniter:

application/
assets/
   /css
   /js
   /img
system/
uploads/
index.php
.htaccess

OK, eu acho que o problema é que links para imagens / css estão usando mysite.dev em seus urls, eu não posso fazer esses caminhos relativos, mas eu poderia usar o ip do site em vez disso. Minha solução preferida, no entanto, seria encontrar o equivalente a um arquivo de hosts no iphone. Como posso mapear um endereço para um URL no iphone - ou posso de alguma forma configurar um DNS local para resolver o endereço?